您的位置：首页 > Web前端 > JQuery

jQuery基础----21jQuery AJAX-异步访问

2015-08-17 06:14 681 查看 
客户端代码：
ajaxclient.html:
<!DOCTYPE html>
<!--客户端-->
<!--jQuery AJAX-异步访问-->
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-2.1.4.min.js"></script>
<script src="ajaxclient.js"></script>
</head>
<body>
<input type="text" id="nameValue">
<br/>
<button id="btn">发送</button>
结果:<span id="result"></span>
</body>
</html>
ajaxclient.js:
/**
* Created by zsgjs038 on 2015/9/9.
*/
/**
* Created by hao on 2015/8/16.
* 客户端
* jQuery AJAX-异步访问
*/
$(document).ready(function(){
$("#btn").on("click",function(){
//get发送get请求，post请求，只要把get换成post就好了
//服务器叫Server.php
//name服务器传递数据的键
//#nameValue拿到输入框的数据
//#result展示到这个标签
$("#result").text("数据请求中，请稍后。。。");
$.get("Server.php",{name:$("#nameValue").val()},function(data){
alert("hello");
$("#result").text(data);
}).error(function(){
$("#result").text("通讯出现问题");
})
})

})
服务器端代码：
<?php/***服务器程序* jQuery AJAX-异步访问*/if(isset($_GET['name'])){//  服务器返回数据echo "fu wu qi fan hui:".$_GET['name'];}else{echo "Args Error";}
源码下载：
http://download.csdn.net/detail/zhaihaohao1/9093147

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航