建站

jQuery Ajax的异步访问

gena2.0

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("通讯出现问题!")
 });
 });
});
(0)

本文由 格娜小屋 作者:格娜小屋 发表,转载请注明来源!

关键词:
gena2.0

热评文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注