码迷,mamicode.com
首页 > Web开发 > 详细

jQuery Aiax

时间:2016-11-08 19:24:23      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:发送请求   pen   err   alt   error   指定   img   函数   ajax   

技术分享1.$.ajax()

技术分享

 技术分享

 

 

(1)跨域

  

<script>
    $(#ipt).keyup(function(){
      $(#list).html(‘‘);
      $.ajax({
        type:get,
        url:http://suggestion.baidu.com/su?wd=+$(#ipt).val(),
        dataType:jsonp,
        jsonp:cb,
        jsonpCallback:myCallback,
        success:function(data){
          for (var i = 0; i < data.s.length; i++) {
            $(#list).append(<li>+data.s[i]+</li>);
          }
        },
        error:function(e){
           alert(e);
        }

    });
  });
  </script>

 

(2)序列化

 技术分享

 

(3)$.load()

    $(parent).load( url [, data] [, callback]);

    通过 AJAX 请求从服务器加载数据,并把返回的数据放置 到指定的元素中

    该方法是最简单的从服务器获取数据的方法。

       url : 发送请求的URL

      data : 可选,发送至服务器的数据

      callback : 可选,请求完成时运行的函数

例子:

  

$(‘#btn‘).click(function(){
    $(‘#box‘).load(‘child.html‘);
  });

 

2.$.get()

  $.get( url [, data] [, callback] [, dataType]);

  get方式请求指定的url。

    url : 请求的URL

      data : 可选,发送至服务器的数据  

    callback : 可选,请求完成时的回调函数

      dataType : 可选,参照$.ajax参数中的dataType

例子:

  

$(function(){
    $(‘#btn‘).click(function(){
      $.get(‘act.php‘,{‘user‘:$(‘#user‘).val(),‘pass‘:$(‘#pass‘).val()},function(e){
        alert(e.msg);
      },‘json‘);
    });
  });

 

3.$.post()

  $.post与$.get语法相同, 唯一的不同就是请求是以post方式进行。

4.$.getScript()

  $.getScript(url [, callback]); 加载一段JS并执行

  $.getScript("test.js",function (data){ alert(data); });

5.$.getJSON()

  $.getJSON(url [, callback]); 加载一段JSON并解析

  

jQuery Aiax

标签:发送请求   pen   err   alt   error   指定   img   函数   ajax   

原文地址:http://www.cnblogs.com/SunShineM/p/6043968.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!