QUERY/$.ajax

原创 2013年12月03日 09:04:17

   $.ajax的一般格式

  $.ajax({

          type: 'POST',

          url: url ,

          data: data ,

          success: success ,

          dataType: dataType

  });


  $.ajax的参数描述

  url 必需。规定把请求发送到哪个 URL.

  data 可选。映射或字符串值。规定连同请求发送到服务器的数据。

  success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。

  dataType 可选。规定预期的服务器响应的数据类型。

  默认执行智能判断(xml、json、script 或 html)。


  $.ajax需要注意的一些地方:

  1.data主要方式有三种

        html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。

  2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit(?)


  $.ajax我的实际应用例子

   data用form形式传过去

    function pageLoad(url){

        $.ajax({

                type:"POST",

                contentType:"application/x-www-form-urlencoded; charset=UTF-8",

                url:url,

                dataType:"html",

                data:$("form").serialize(),

                success:function(list){

                    $('#article').empty().append(list);

             }

         });

        }

data用自己定义的形式传过去

    var data = {

            typecode : "textajax"

            ,codetype: jQuery("#codetype").val()

            ,odertype: jQuery("#odertype").val()

            ,scale   : selectedvalue

            ,contentscd : jQuery("#contentscd").val()

            ,gubun : jQuery("#gubun").val()

            ,searchtxt: escape(jQuery("#searchtxt").val())

            ,curPage : 1

    };

function pageLoad(url){

        $.ajax({

                type:"POST",

                contentType:"application/x-www-form-urlencoded; charset=UTF-8",

                url:url,

                dataType:"html",

                data:data,

                success:function(list){

                    $('#article').empty().append(list);

             }

         });

        }

基本形式 

var url = "${f:url('/master/line/doLine')}";

var data = {
    typecode : "textajax"
    ,scale   : selectedvalue
    ,searchtxt: escape(jQuery("#searchtxt").val())
    ,curPage : 1
   };

 jQuery.ajax({
      type:"POST",
      contentType:"application/x-www-form-urlencoded; charset=UTF-8",
      url:url,
      dataType:"html",
      data:$("form").serialize(),
      success:function(list){  alert("结果")}
      });


Query学习之jQuery Ajax用法详解

Query学习之jQuery Ajax用法详解 分享到:23 [导读] jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript...

php+query+ajax实现无刷新分页

具体思路: 后台:PHP通过接受ajax传的商品id去查询该商品下对应的评论,在根据前台传的当前页去计算偏移量;查询出总记录数、总页数、根据偏移量【limit】返回的数据。 后台代码: ...

query.ajax实例代码与说明

query.ajax 详细说明与实例代码 返回 :xmlhttprequest  执行一个异步的http(ajax)的请求 jquery.ajax( settings ) settingsa设...

总结一下query中ajax的几种方法

1.$.ajax() $.ajax({ type:"POST", //提交数据的类型 POST GET url:"testLogin.aspx", ...

query ajax 跨域请求

如今前端的童鞋们大都要用到跨域的方法请求数据,网上的方法也是各式各样,这里我重点介绍jquery的方法。...

Query中ajax的使用与缓存问题的解决方法

Query中ajax的使用与缓存问题的解决方法 本篇文章主要介绍了jQuery中ajax的使用与缓存问题的解决方法。需要的朋友可以过来参考下,希望对大家有所帮助 1:GET访问 浏...

Query Ajax 实例 全解析

Query Ajax 实例 全解析 jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 ...

安卓访问网络常用的3种方式(httpClient, httpUrlConnection,android-query ajax)及cookie处理

安卓常用的连接网络的方式: 1.HttpClient: httpClient是最常用的,需要Apache的jar包 private static DefaultHttpClient http...

saiku-query-0.4-SNAPSHOT.jar

  • 2017年11月08日 09:30
  • 63KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:QUERY/$.ajax
举报原因:
原因补充:

(最多只允许输入30个字)