使用三个函数是按ajax请求的处理

  1.$.ajax()  jQuery中实现ajax的核心函数

  2.$.post()  使用post方式做ajax请求

  3.$.get  使用get方式做ajax请求

  $.post()和$.get()在内部都调用了$.ajax()

$.ajax 使用:

  参数是一个json的结构

  

  1.async,是一个boolean类型值,默认是true,表示请求是异步的,可以不写

  2.contentType:一个字符串,表示从浏览器发送服务器的参数的类型,可以不写,可以写 application/json表示参数是json格式

  3.data,可以是字符串,表示请求的参数和数值,常用的是json的格式

  4.dataType,表示期望从服务器端返回的数据格式,可选的xml,html,text,json

    当使用$.ajax()发送请求时,会把dataType的值发送给服务器,servlet能够读取到dataType的值,就知道浏览器需要的是

    json或者xml形式的数据,服务器就可以返回需要的数据格式

  5.error,一个function,表示当请求发生错误时,执行的函数

    error:function(){发生错误时执行的代码;}

  6.success,一个function,请求成功,从服务器端返回了数据执行

    相当于xmlHttp.readystate ===4  && xmlHttp.status ===200

  7.url,请求地址

  8.type,请求方式 get/post,不区分大小写,默认是get

  示例:

  

$.ajax(
aysnc:true,
contentType:"application/json",
data:{"name":"mike","age":20},
dataType:"json",
error:function(){错误执行代码;},
success:function(data){成功是执行代码;//data就是responseText,jQuery处理后的数据},
url:"one",
type:"post" )

  主要使用的是url,data,dataType,success

$.get

$.get(url,data,function(data),dataType)

示例:$.get("one",{id:pid},function(resp){

处理函数;

},"json")

ajax函数的更多相关文章

  1. Ajax作用、及Ajax函数的编写

    关于Ajax 指的是异步 (Asynchronous JavaScript and XML) <异步的javascript和XML> 1. Ajax并非缩写词,而是由Jesse James ...

  2. jQuery.ajax() 函数详解

    jQuery.ajax()函数用于通过后台HTTP请求加载远程数据. jQuery.ajax()函数是jQuery封装的AJAX技术实现,通过该函数,我们无需刷新当前页面即可获取远程服务器上的数据. ...

  3. 详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该 ...

  4. 详细解读Jquery各Ajax函数

    $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callba ...

  5. jquery的ajax()函数传值中文乱码解决方法介绍

    jquery的ajax()函数传值中文乱码解决方法介绍,需要的朋友可以参考下 代码如下: $.ajax({ dataType : ‘json', type : ‘POST', url : ‘http: ...

  6. 详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON() —(转)

    一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该 ...

  7. 轻松搞定Ajax(分享下自己封装ajax函数,其实Ajax使用很简单,难是难在你得到数据后来怎样去使用这些数据)

    hey,guys!今天我们一起讨论下ajax吧!此文只适合有一定ajax基础,但还是模糊状态的同志,当然高手也可以略过~~~ 一.概念 Ajax(Asynchronous Javascript + X ...

  8. 使用promise手动封装ajax函数

    最近在做一个单页应用,node和浏览器仅通过json传输数据,因为是只有自己用等于是锻炼一下自己,所以也不用考虑seo的问题,node端我已经写好了,但是浏览器端想要用ajax原生太麻烦,用封装的函数 ...

  9. 原生ajax函数封装

    原生ajax函数 function ajax(json){ json=json || {}; if(!json.url){ return; } json.data=json.data || {}; j ...

  10. 详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()【转】【补】

    一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该 ...

随机推荐

  1. Tomcat连接配置

    DBCP连接池配置: <bean class="org.apache.tomcat.jdbc.pool.PoolProperties"> <property na ...

  2. Eclipce怎么恢复误删类

    选择误删除文件在eclipse所在包(文件夹) 在包上单击右键. 选择restore from local history... 在弹出的对话框中选择需要恢复的文件

  3. Python+argparse+notebook

    argparse"应用"于jupyter-notebook中 args.xx =======================>> args["xx" ...

  4. React Hooks: useRef All In One

    React Hooks: useRef All In One useRef https://reactjs.org/docs/hooks-reference.html#useref refs xgqf ...

  5. JSON-LD 结构化数据

    JSON-LD 结构化数据 SEO JSON-LD JSON for Linking Data JSON 链接数据 https://json-ld.org/ https://en.wikipedia. ...

  6. 前端 vs 后端

    前端 vs 后端 前端与后端: 有什么区别? 前端和后端是计算机行业中最常用的两个术语. 在某种程度上,它们成了流行语. 它们决定了您作为软件开发人员所从事的工作类型,所使用的技术以及所获得的收入. ...

  7. gradient text & gradient background

    gradient text & gradient background -webkit-text-fill-color & -webkit-gradient https://wesbo ...

  8. search cascade select & AntD

    search cascade select & AntD Antd https://ant.design/components/cascader-cn/#components-cascader ...

  9. vue农历日历

    <template> <div class="calendar-main"> <div class="choose_year"&g ...

  10. Flutter 可选择的Text

    Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, ...