jquery ajax | 易学教程

    function testajax(){
       $.ajax({
            //提交数据的类型 POST GET
            type:"POST",
            //提交的网址
            url:"testLogin.aspx",
            //提交的数据
            data:{Name:"sanmao",Password:"sanmaoword"},            //使用同步的方式,true为异步方式 默认true            async:false,
            //返回数据的格式
            datatype: "html",//"xml", "html", "script", "json", "jsonp", "text".
            //在请求之前调用的函数
            beforeSend:function(){$("#msg").html("logining");},
            //成功返回之后调用的函数             
            success:function(data){
           $("#msg").html(decodeURI(data));            
            }   ,
            //调用执行后调用的函数
            complete: function(XMLHttpRequest, textStatus){
               alert(XMLHttpRequest.responseText);
               alert(textStatus);
                //HideLoading();
            },
            //调用出错执行的函数
            error: function(){
                //请求出错处理
            }         
         });
 
  }

1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。

　　url (String) : 请求的HTML页的URL地址。

　　data (Map) : (可选参数) 发送至服务器的 key/value 数据。

　　callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。

方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。这个方法可以很方便的动态加载一些HTML文件，例如表单

$(".ajax.load").load("url",function(responseText, textStatus, XMLHttpRequest){
	this;//在这里this指向的是当前的DOM对象，即$(".ajax.load")[0] 
	//alert(responseText);//请求返回的内容
	//alert(textStatus);//请求状态：success，error
	//alert(XMLHttpRequest);//XMLHttpRequest对象
});

2. jQuery.get( url, [data], [callback] )：使用GET方式来进行异步请求

url (String) : 发送请求的URL地址.

　　data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示，会做为QueryString附加到请求URL中。

　　callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

$.get("url", {Code:"A001",Name:"张三"}, function (data, textStatus){
    alert(data);
    //alert(textStatus);//请求状态：success，error等等。
    //alert(this);
});

3. jQuery.post( url, [data], [callback], [type] ) ：使用POST方式来进行异步请求

　　url (String) : 发送请求的URL地址.

　　data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。

　　callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

　　type (String) : (可选)官方的说明是：Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

$.post("url", {Code:"A001",Name:"张三"}, function (data, textStatus){
    alert(data);
    //alert(textStatus);//请求状态：success，error等等。
    //alert(this);
});

4. jQuery.getScript( url, [callback] ) : 通过 GET 方式请求载入并执行一个 JavaScript 文件

　　url (String) : 待载入 JS 文件地址。

　　callback (Function) : (可选) 成功载入后回调函数。

jQuery 1.2 版本之前，getScript 只能调用同域 JS 文件。 1.2中，您可以跨域调用 JavaScript 文件。注意：Safari 2 或更早的版本不能在全局作用域中同步执行脚本。如果通过 getScript 加入脚本，请加入延时函数。
这个方法可以用在例如当只有编辑器focus()的时候才去加载编辑器需要的JS文件.下面看一些示例代码：
加载并执行 jquery.js。

$.getScript("jquery.js", function(){
    alert("加载成功");
});

5.jQuery.ajaxSetup( options ) : 设置全局 AJAX 默认选项。

设置 AJAX 请求默认地址为 "url"，禁止触发全局 AJAX 事件，用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数。

$.ajaxSetup({
    url: "url",
    global: false,
    type: "post"
});

$.ajax({ data: data });

来源：https://www.cnblogs.com/sanday/p/9454588.html

标签

ajax

url

data

jquery