zoukankan      html  css  js  c++  java
  • 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 });
  • 相关阅读:
    bootstrap在线引用 bootstrap百度调用
    CentOS7下安装MySQL5.7安装与配置(YUM)
    screen命令的常见用法
    Nginx主要用来干什么
    linux-Centos7安装python3并与python2共存
    爬虫小问题之以为是编码问题,却是headers中参数问题
    LabWindows/CVI基础
    STM32 命名方法
    Ubuntu14.04虚拟机下基本操作(typical安装)
    网关,路由器,交换机,猫小结
  • 原文地址:https://www.cnblogs.com/sanday/p/9454588.html
Copyright © 2011-2022 走看看