jQuery Ajax的异步访问

jQuery在异步提交方面封装得很好，直接用AJAX比较麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的差异了。介绍jQuery异步访问，通过使用AJAX可以在页面不刷新的情况下完成页面内容加载。

1.创建HTML文件：ajaxindex.html；引入jquery库和自定义JS

<input type="text" id="namevalue"> <br>
<button id="btn">Send</button>
结果：<span id="result"></span>

2.创建JS文件：ajaxindex.js

$(document).ready(function(){
 $("#btn").on("click",function(){
 $.get("Server.php",{name:$("#namevalue").val()},function(data){
 $("#result").text(data);
 });
 });
});

3.编写后台代码，在此PHP语言示例

 if(isset($_GET['name'])){
 echo "hello:".$_GET['name'];
 }else{
 echo "Args Error";
 }

js代码完善，如果后台处理的PHP文件不存在等，在前台提示异常

$(document).ready(function(){
 $("#btn").on("click",function(){
 $("#result").text("请求数据中，请稍后...");
 $.get("Server2.php",{name:$("#namevalue").val()},function(data){
 alert("调试用的");
 $("#result").text(data);
 }).error(function(){
 $("#result").text("通讯出现问题！")
 });
 });
});