jQuery简易Ajax(六)
一、jQuery中ajax的两种书写方式【一般采用第二种方式】
1、$.ajax(url,[setting]);
2、$.ajax([setting]);
setting参数说明:
setting为一个对象,用于配置 Ajax 请求的键值对集合
第二种方式即是将url键值对也放入到setting参数对象中了
eg:
$.ajax({
url:'', //放置请求地址路径
method:'', //请求方式(GET、POST等请求方式,不区分大小写)
data:{}, //传递给服务器的参数数据,如果不传递数据可以不需要该键值对
success:function(res){}, //请求成功回调函数,参数res为请求成功返回的结果信息
error:function(error){} //请求失败回调函数,参数error为请求失败返回的结果信息
});
二、setting对象中的一些其它相关参数说明
acync: 是否异步请求【默认为true】
beforeSend: 请求发送前的回调函数 返回false将取消这个请求。
complete: 请求完成后的回调函数(请求success,error之后均调用)该选项可以接受一个函数数组,每个函数将被依次调用。
cache: 浏览器是否缓存此页面【默认为true】
dataType : 从服务器返回你期望的数据类型
常用的参数值为:"json": 返回 JSON 数据
statusCode : (默认: {})
当响应匹配相应HTTP状态码时调用执行相关函数代码:
eg:
$.ajax(
statusCode: {
//HTTP状态码为404时,执行下面的函数
404: function() {
console.log("页面没有找到!!!");
}
}
);
timeout: 设置请求超时时间(毫秒)
更多参数及相关参数详细解释说明可参看w3c相关文档:https://www.w3school.com.cn/jquery/ajax_ajax.asp
三、Ajax中的一些其它函数
使用相应函数名指定对应的一些参数的相关取值:
$.get(url,[data],[success(){}],[dataType]) 【get方式请求】
eg:
//$.get() 使用的是GET方式
$.get(url,{},function(res){
console.log(res,'$.get请求');
});
$.post(url,[data],[success(){}],[dataType]) 【post方式请求】
eg:
//$.post() 使用的是post方式
$.post(url,{},function(res){
console.log(res,'$.post请求');
});
$.getJSON(url,[data],[success(){}]) 【期待后台请求数据为JSON类型】
eg:
//$.post() 后台返回的数据类型是JSON格式的时候
$.getJSON(url,{},function(res){
console.log(res,'$.getJSON请求');
});
$dom.load(url,[data],[complete(){}]) 【加载路径页面到指定DOM节点中】
向选取的dom节点元素中加载指定url路径的页面内容
注意:
a、该指定路径页面为html页面,该页面可以直接写节点信息【不需要文件头等信息】;
也可以在路径中指定html页面中的相应元素节点内容
b、注意url路径是相对于选取的dom节点元素的路径
eg:
$('#result') .load('./test.html #container'); //向$('#result')中载入test.html中的$("#container")
jQuery简易Ajax(六)的更多相关文章
- jQuery版AJAX简易封装
开发过程中,AJAX的应用应该说非常频繁,当然,jQuery的AJAX函数已经非常好用,但是小编还是稍微整理下,方便不同需求下,可以简化输入参数,下面是实例代码: $(function(){ /** ...
- 第六章 jQuery和ajax应用
ajax是异步JavaScript和xml的简称. 一. ajax补白 优势 不足(不一定是不足) 不需要任何插件(但需要浏览器支持js) XMLHttpRequest对象在不同浏览器下有差异 优秀的 ...
- 锋利jQuery 学习整理之 第六章 jQuery 与Ajax 的应用
1.Ajax 的XMLHttpRequest 对象 XMLHttpRequest 是Ajax 的核心,它是Ajax 实现的关键---发送异步请求.接受响应及执行回调都是通过它来完成的.XMLHttpR ...
- 第十六章:Python の Web开发基础(三) jQuery与Ajax
本課主題 jQuery 介绍 Ajax 介绍 jQuery 介绍 选择器 jQuery 的选择器分不同的种类,主要目的是用来查找目标的 HTML 标签,方便对目标标签进行操作,比如找到 <li& ...
- jQuery 第六章 jQuery在Ajax应用
1.本章目标 ajax 2.ajax 异步刷新技术,我们的网页不需要全部刷新,按需实现局部刷新,上线后台的交互 用户体验好 地图,前台验证,表单提交,修改,查询等等 原生的js和ajax packag ...
- jQuery笔记(六)jQuery之Ajax
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对 ...
- 【原创经验分享】JQuery(Ajax)调用WCF服务
最近在学习这个WCF,由于刚开始学 不久,发现网上的一些WCF教程都比较简单,感觉功能跟WebService没什么特别大的区别,但是看网上的介绍,就说WCF比WebService牛逼多少多少,反正我刚 ...
- 源码来袭!!!基于jquery的ajax分页插件(demo+源码)
前几天打开自己的博客园主页,无意间发现自己的园龄竟然有4年之久了.可是看自己的博客列表却是空空如也,其实之前也有写过,但是一直没发布(然而好像并没有什么卵用).刚开始学习编程时就接触到博客园,且在博客 ...
- jQuery Pagination Ajax分页插件中文详解(摘)
jQuery Pagination Ajax分页插件中文详解 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxin ...
随机推荐
- vmware-vmx.exe进程应该怎么杀掉
如何解决VMware-vmx.exe无法彻底删除的问题 遇见的问题就是 虚拟机一直黑屏,强制关机之后,无法再次打开的问题. 显示:无法创建新虚拟机: 无法打开配置文件 以独占方式锁定此配置文件失败.另 ...
- 02-赵志勇机器学习-Logistics_Regression-test(转载)
# coding:UTF-8 ''' Date:20160901 @author: zhaozhiyong ''' import numpy as np from lr_train import si ...
- 前端之CSS(上)
CSS CSS 简介 ## CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染 ...
- jdbc笔记2
private static String driver; private static String url; private static String username; private sta ...
- 知识点5 C++保存txt文件
简单示例 #include <windows.h> #include <fstream> #include <iostream> #include <stri ...
- ASP.NET中IOC容器Autofac(依赖注入DI 控制反转IOC)
IOC的一个重点是在程序运行中,动态的向某个对象提供它所需要的其他对象.这一点是通过DI来实现的.Autofac则是比较流行的一款IOC容器. IoC和DI有什么关系呢?其实它们是同一个概念的不同角度 ...
- 软件工程卷1 抽象与建模 (Dines Bjorner 著)
I 开篇 1. 绪论 II 离散数学 2. 数 (已看) 3. 集合 4. 笛卡尔 5. 类型 6. 函数 7. λ演算 8. 代数 9. 数理逻辑 III 简单RSL 10. RSL中的原子类型和值 ...
- C函数之genv
函数原型: include<stdlib.h> char *getenv(char *envvar); 函数说明: getenv()用来取得参数envvar环境变量的内容.参数envvar ...
- [技术博客] JS正则活学活用
正则基本语法 正则表达式(Regular Expression)是用单字符串来匹配一系列复合条件字符串的模式,对于乔姆斯基3型语法. 数学定义: 串行AB表示集合 {αβ | α ∈ A ,β ∈ B ...
- kibana We couldn't activate monitoring
调节一下监控状态查询的时间范围,有时候,刚启动监控,数据没有生成.把”last 1 hour“改成 具体有数据的时间 用如下语句查看,监控日志在不断生成.重启kibana后正常有监控画面了. GET ...