JQuery的ajax方法

时间:2023-02-14 21:32:56

1.使用方式:

由于是全局方法,所以调用简单:$.ajax();

2.可输入参数:

最好是写成一个json形式,个人不建议用链式,那样看上去不太好。

参数名称 类型 描述
dataType string

就是服务器返回给你的数据格式。如果你不指定,那么JQuery根据http协议包的MIME信息自动判断。

html:返回来的是html,这还用解释么。

text:返回来的是一个文本。

script:返回来的是一个javascript代码,而且是可执行的哟。

xml:返回一个xml文档

json:是一个json数据(返回来的是一个.json文件才能接收成功)

url string 就是你要请求的页面url
data string/object 就是你要发送给服务器的数据,最好是发json格式的,这样有key value键值对。
type string get/post任你选
complete function 一般是最后才执行的一个函数
beforeSend function 最先执行的函数
error function 连接出错时执行
timeout number 请求超时的时间,毫秒为单位
global bool 是否响应全局事件,用的比较少
async bool 是否异步请求。最好别改
cache bool 是否页面缓存。用的少。
success function 请求成功的时候执行,返回字符串可做参数。

3.使用例子:

$.ajax({
url: "AjaxControl.aspx?timeout=" + new Date().getTime(),
dataType: "script",
beforeSend: function () { alert('开始传送'); },
complete: function () { alert('执行完毕'); },
error: function () { alert('失败了'); },
type: "post",
data: { 'name': "jack" },
success: function (txt) {
alert(txt);
}
});

4.ajaxSetup

当然如果以为我们使用多个ajax方法就会写多个这样的大json的话那就太天真了,ajaxSetup方法会帮你解决这个烦恼。

如上例,我们可以把公共的部分提出来,节省重写的麻烦:

$.ajaxSetup({
type:'post',
url:'AjaxControl.aspx',
dataType:'text'
});

JQuery的ajax方法的更多相关文章

  1. 重写jquery的ajax方法

    //首先备份下jquery的ajax方法 var _ajax=$.ajax; //重写jquery的ajax方法 $.ajax=function(opt){ //备份opt中error和success ...

  2. jquery中$.ajax方法提交表单

    function postdata(){                        //提交数据函数 $.ajax({                                //调用jqu ...

  3. jquery通过ajax方法获取json数据不执行success

    1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...

  4. jquery通过ajax方法获取json数据不执行success回调

    问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准写法,导致总是执行error回调方法 解决方案:使json格式务必符合下述 ...

  5. 关于Jquery中ajax方法data参数用法的总结

    data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQ ...

  6. ajax系列之用jQuery的ajax方法向服务器发出get和post请求

    打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax. 假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个 ...

  7. jQuery的$.ajax方法响应数据类型有哪几种?本质上原生ajax响应数据格式有哪几种,分别对应哪个属性?

    jQuery的$.ajax方法响应数据类型有:xml.html.script.json.jsonp.text 本质上原生ajax响应数据格式只有2种:xml和text,分别对应xhr.response ...

  8. jQuery中ajax方法无法执行回调函数问题

    最近遇到一个问题,发现使用jquery的ajax方法时,回调方法无法执行,而使用$.load()方法时却能正确返回数据.经过长时间调试最终发现是自己粗心大意,原来后台返回的是json数据,而返回的数据 ...

  9. 前端-jQuery的ajax方法

    https://www.cnblogs.com/majj/p/9134922.html 0.什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascri ...

  10. 封装一个类似jquery的ajax方法

    //封装一个类似jquery的ajax方法,当传入参数,就可以发送ajax请求 //参数格式如下{ // type:"get"/"post", // dataT ...

随机推荐

  1. Chrome以https访问gitlab的问题:Your connection is not private

    在Chrome中以https访问自己搭建的gitlab站点时经常出现下面的错误: Attackers might be trying to steal your information from xx ...

  2. monkey测试(转)

    一.Monkey测试简介Monkey测试是Android平台自动化测试的一种手段,通过Monkey程序模拟用户触摸屏幕.滑动Trackball.按键等操作来对设备上的程序进行压力测试,检测程序多久的时 ...

  3. https证书申请流程和简介

    HTTPS证书是什么 HTTPS(全称:Hyper Text Transfer Protocol over Secure Socket Layer),是以安全为目标的HTTP通道,简单讲是HTTP的安 ...

  4. Ubuntu安装及配置virtualenv,virtualenvwrapeer

    安装virtualenv pip install virtualenv 如果下载较慢,可以添加豆瓣源: pip install -i https://pypi.douban.com/simple/ v ...

  5. Galera Cluster——一种新型的高一致性MySQL集群架构

    原文链接:https://www.sohu.com/a/147032902_505779,最近被分配定位mysql的问题,学习下. 1. 何谓Galera Cluster 何谓Galera Clust ...

  6. Confluence 6 其他 MBeans 和高 CPU 消耗线程

    其他 MBeans 希望监控 Hibernate 和 Hazelcast(仅针对 Confluence 数据中心)你需要在你的 setenv.sh / setenv.bat 文件中添加下面的内容. s ...

  7. Quartz.net 2.4.1 使用记录

    项目需要开发一个调度任务工具,用于

  8. springboot 前后端分离项目跨域配置

    @Configuration @EnableWebMvc public class CorsConfig implements WebMvcConfigurer { @Override public ...

  9. Spring,Struts2,MyBatis,Activiti,Maven,H2,Tomcat集成(二)——Struts2集成

    1. pom.xml文件添struts2依赖jar包: <!-- 与Struts2集成必须使用 --> <dependency> <groupId>org.spri ...

  10. OTL调用Oracle存储过程

    OTL很早前用过,今天写东西要调存储过程,程序写完了,调试死活通不过,折腾了一早晨. 最后才发现错误,这里总结一下: 1.代码写的不规范. 有个参数后边少写了个“,”以至于总是抱错.而单独写的测试例子 ...