【速成之路】网页编程必会的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);  // 在弹窗中显示服务器返回的消息
      },
      error: function(){  // 请求失败后的回调函数
        alert("Error Saving Data!");
      }
    });
  });
});
</script>

这段代码使用jQuery实现了Ajax功能。当用户点击ID为myButton的按钮时，会向some.php发送POST请求，并附带两个参数：name和location。请求成功后，会弹出一个提示框显示服务器返回的消息。如果请求失败，则会弹出一个错误提示。这是一个简单的Ajax示例，展示了如何使用jQuery进行异步通信。