【速成之路】网页编程必会的Ajax——jQuery实现Ajax(一
// 引入jQuery库
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#myButton").click(function(){
$.ajax({
url: "some.php", // 目标URL
type: "POST", // 请求类型,这里是POST
data: {name: "John", location: "Boston"}, // 发送到服务器的数据
success: function(msg){ // 请求成功后的回调函数
alert( "Data Saved: " + msg ); // 在弹窗中显示服务器返回的消息
}
});
});
});
</script>
这段代码使用jQuery实现了Ajax功能,当用户点击ID为myButton
的按钮时,会向some.php
发送POST请求,请求中包含了两个数据字段name
和location
。当请求成功完成并且服务器返回响应后,会弹出一个对话框显示服务器返回的消息。这是Ajax的一个基本用法,适用于简单的异步数据交换。
评论已关闭