在HTML代码中,为输入框和提交按钮添加ID。然后在JavaScript代码中,使用jQuery和AJAX从输入框获取数据并发送请求。
HTML代码:
JavaScript代码:
$(document).ready(function() {
$("#submitButton").click(function() {
var inputData = $("#inputData").val();
$.ajax({
url: "example.php",
type: "POST",
data: {data: inputData},
success: function(result) {
// 处理结果
},
error: function() {
// 处理错误
}
});
});
});
在这个示例中,当用户单击提交按钮时,从输入框中获取数据并将其作为POST请求发送到“example.php”页面。当请求成功时,可以在回调函数中处理结果。如果请求失败,则可以在“error”回调函数中处理错误。
下一篇:Ajax无法达到成功字段。