zoukankan      html  css  js  c++  java
  • ajax

    jQuery.ajax()=$.ajax();

    $.ajax( {
        // 加载指定的js文件到当前文档中(动态加载js文件)
         url: "http://code.jquery.com/jquery-1.8.3.min.js"
        , dataType: "script"
    });
    $.ajax({
         url: "jquery_ajax.php?page=1&id=3"
        //请求类型,可以为'POST'或'GET'。注意:你也可以在此处使用诸如'PUT'、'DELETE'等其他请求类型,但它们不被所有浏览器支持
        , type: "POST"
        // jQuery会自动将对象数据转换为 "name=codeplayer&age=18&uid=1&uid=2&uid=3"
        , data: { name:"codeplayer", age:18, uid: [1, 2, 3] }
        //指定处理响应的原始数据的回调函数。该函数还有两个参数:其一表示响应的原始数据的字符串,其二是dataType属性字符串
        ,dataFilter:function(str,dataType){
    
        }
        ,statusCode:{
            404: function() {
                alert( "找不到页面" );
            },
            200: function(){
                alert("请求成功");
            }
        }
        //设置请求超时的毫秒值
        timeout:500
    
        //如果你希望使用传统方式来序列化参数,将该属性设为true
        traditional:true
        //指定返回的数据类型(xml,html,script,json,jsonp,text),默认值:jQuery智能猜测,猜测范围(xml、 json、 script或html)    
        ,dataType:'xxx'  //如果不是上面常见的数据类型则需要配合下面的accepts定义属性
        //发送的内容类型请求头,用于告诉服务器——浏览器可以接收服务器返回何种类型的响应默认值:取决于dataType属性    
        ,accepts:{
             xxx: "application/xxx"
        }
        //以对象形式指定附加的请求头信息。直接设置 headers 属性,直接写 Accept 的内容是什么可不需要定义dataType
        //请求头X-Requested-With: XMLHttpRequest将始终被添加,当然你也可以在此处修改默认的XMLHttpRequest值。
        //headers中的值可以覆盖beforeSend回调函数中设置的请求头(意即beforeSend先被调用)。
        ,headers: {
            Accept: "application/json; charset=utf-8"
            ,"Referer": "http://www.365mini.com" // 有些浏览器不允许修改该请求头
            ,"User-Agent": "newLine" // 有些浏览器不允许修改该请求头
            ,"X-Power": "newLine"
            ,"Accept-Language": "en-US"
        }
        //指示是否是异步请求,同步请求将锁定浏览器,直到获取到远程数据后才能执行其他操作默认true
        ,async:true
        //指示是否缓存URL请求。如果设为false将强制浏览器不缓存当前URL请求。该参数只对HEAD、GET请求有效(POST请求本身就不会缓存)
        //默认值:true(dataType为'script'或'jsonp'时,则默认为false)。
        ,cache:true
    
        //允许当前请求仅在服务器数据改变时获取新数据(如未更改,浏览器从缓存中获取数据)。
        //它使用HTTP头信息Last-Modified来判断。从jQuery 1.4开始,他也会检查服务器指定的'etag'来确定数据是否已被修改
        ,ifModified:false
    
        //使用指定的内容编码类型将数据发送给服务器。W3C的XMLHttpRequest规范规定charset始终是UTF-8,你如果将其改为其他字符集,也无法强制浏览器更改字符编码
        ,contentType:'application/x-www-form-urlencoded; charset=UTF-8'
    
        //指示是否是跨域请求。如果你想在同一域中强制跨域请求(如JSONP形式),请设置为true。例如,这允许服务器端重定向到另一个域
        ,crossDomain:false
        //指示是否触发全局Ajax事件。将该值设为false将阻止全局事件处理函数被触发,例如ajaxStart()和ajaxStop()。它可以用来控制各种Ajax事件
        ,global:true
        //允许将当前环境视作"本地",(例如文件系统),即使默认情况下jQuery不会如此识别它。
        //目前,以下协议将被视作本地:file、*-extension和widget
        ,isLocal:false//默认值:取决于当前的位置协议。
        //重写JSONP请求的回调函数名称。该值用于替代"url?callback=?"中的"callback"部分。
        ,jsonp:''
        //为JSONP请求指定一个回调函数名。这个值将用来取代jQuery自动生成的随机函数名
        //从jQuery 1.5开始,你也可以指定一个函数来返回所需的函数名称
        ,jsonpCallback:function(){
    
        }
        //一个mime类型用来覆盖XHR的mime类型 1.5.1 新增
        ,mimeType:''
        //用于响应HTTP访问认证请求的用户名
        ,username:''
        //用于响应HTTP访问认证请求的密码
        ,password:''
        //默认情况下,通过data属性传递进来的数据,如果是一个对象(技术上讲,只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 "application/x-www-form-urlencoded"。
        //如果要发送 DOM树信息或其它不希望转换的信息,请设置为false。
        ,processData:true
        //设置该请求加载的脚本文件的字符集。只有当请求时dataType为"jsonp"或"script",并且type是"GET"才会用于强制修改charset。这相当于设置<script>标签的charset属性。通常只在当前页面和远程数据的内容编码不同时使用
        ,scriptCharset:''
    
        //一个以"{字符串:正则表达式}"配对的对象,用来确定jQuery将如何解析响应,给定其内容类型
        ,contents:{
            字符串:正则表达式
        }
        //用于设置Ajax相关回调函数的上下文对象(也就是函数内的this指针)。
        ,context:{
    
        }
        //一个数据类型转换器。每个转换器的值都是一个函数,用于返回响应转化后的值
        ,converters:{
            '* text': window.String,
            'text html': true, 
            'text json': jQuery.parseJSON,
            'text xml': jQuery.parseXML
        }
        //一个用于创建并返回XMLHttpRequest对象的回调函数。你可以重写该属性以提供自己的XHR实现,或增强其功能
        //默认值:在IE下是ActiveXObject(如果可用),在其他浏览器中是XMLHttpRequest
        ,xhr:function(){
    
        }
        //一个具有多个"字段名称-字段值"对的对象,用于对本地XHR对象进行设置。
        //一对「文件名-文件值」在本机设置XHR对象。
        //例如,如果需要,你可以用它来为跨域请求设置XHR对象的withCredentials属性为true。
        ,xhrFields:{
            withCredentials: true
        }
    
    
        ,beforeSend:function(jqXHR,settings){
             this; // 调用本次AJAX请求时传递的options参数
        }
        ,complete:function(jqXHR,textStatus){
             this; // 调用本次AJAX请求时传递的options参数
        }
        // 请求成功时执行
        , success: function( data, textStatus, jqXHR ){
            alert("返回的数据" + data);
        }
        // 请求失败时执行
        , error: function(jqXHR, textStatus, errorMsg){
            // jqXHR 是经过jQuery封装的XMLHttpRequest对象
            // textStatus 可能为: null、"timeout"、"error"、"abort"或"parsererror"
            // errorMsg 可能为: "Not Found"、"Internal Server Error"等
            alert("请求失败:" + errorMsg);
        }
    });
  • 相关阅读:
    数据库操作基类,实现对Sql数据库的各种操作
    Ubuntu下编译3.0.4内核
    wxPython控件学习之wx.BoxSizer
    How to check table locks
    python自带的minidom创建和解析xml
    How to check fragmentation on SQL Server 2005
    wxPython控件学习之wx.StaticText
    python代码批量更改文件后缀
    Eclipse自动补全增强
    深入分析Linux内核源码
  • 原文地址:https://www.cnblogs.com/lichihua/p/9958969.html
Copyright © 2011-2022 走看看