AJAX 的问题,当点击属性按钮,它不会以任何方式转到所需的页面。我试图添加一个链接jquery在头部和身体。我有两个输入和一个按钮保存。当按钮保存被点击,输入值被添加到标签,并创建按钮属性。然后当点击属性按钮,ajax应该工作,但它没有工作。
search.php
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
</head>
<body>
<div>
<input type="search" name='search1' list="doc" id="inp1">
<datalist id='doc'>
<option value="virgil">Virgil</option>
<option value="alistair">Alistair</option>
</datalist>
</div>
<div>
<input type="search" name='search2' list="doc2" id="inp2">
<datalist id='doc2'>
<option value="sherman">Sherman</option>
<option value="dejesus">Dejesus</option>
</datalist>
</div>
<div>
<button name='btn' id='btn'>Save</button>
</div>
<div id='div1'></div>
<div id='div2'></div>
<div id='div3'></div>
<script src="scripts.js"></script>
</body>
</html>
scripts.js
$(function() {
$('#btn').click(function() {
let inp1 = $('#inp1').val(); // the value of the first input
let inp2 = $('#inp2').val(); // the value of the second input
let div1 = $('#div1');
let div2 = $('#div2');
let div3 = $('#div3');
div1.html(inp1)
div2.html(inp2);
if(inp1 && inp2) { // if there are both values create button
let btn = $('<button>Properties</button>');
div3.html(btn);
btn.click(function() {
console.log('hello') // It work's
$.ajax({ // when the button is clicked, it should redirect to another page, but it does not work
url: 'new.php',
method: 'post',
data: inp1, inp2,
action: 'prop'
})
})
}
})
})
谢谢你。
1条答案
按热度按时间dy1byipe1#
你不应该用 AJAX 来重定向页面,Ajax更像是后台线程。
在您的情况下,您应该通过php构建一个包含js和POST数据的表单到new.php。