首页 > 建站 > jQuery Ajax的异步访问
2015
08-05

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("通讯出现问题!")
 });
 });
});
最后编辑:
作者:格娜小屋
格娜小编子轩,爱网络,爱生活,爱分享!
捐 赠分享不易,谢谢赞助!

留下一个回复

你的email不会被公开。