jQuery Ajax 方法应用。

浏览数：59 / 时间：2015年06月09日

jquery中的ajax方法比原生js简洁多了，写了一个小例子。

贴码：

 1  <script>
 2     $(function(){
 3         
 4         $(‘#getData‘).click(function(){
 5                     
 6                 $.ajax({
 7                     type:‘post‘, //get or post
 8                     url:‘test.txt‘, //request url
 9                     dataType:‘text‘,// response dataType  Text or json
10                     contentType:‘application/x-www-form-urlencoded;charset=utf-8‘, //encoded
11                     success:function(data){  //成功调用的回调函数 data是获取到的数据
12                         //console.log(data);  
13                         $(‘.c‘).html(data);  //可以对函数进行一系列的操作
14                     }

　　　　　　　　　　　　　　error:function(){...}  //失败调用的函数
15                 });
16             
17         })
18         
19     })
20   </script>
21 </head>
22 
23 <body>
24 
25       <button id=‘getData‘ >Get Data By Ajax</button>
26       <div class=‘c‘>
27         
28       </div>
29 </body>

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style html 数据 log 方法 js ha for class style html 数据 log 方法 js ha for

相关文章

随机文章

您可能还喜欢

您可能还喜欢