JQuery AJAX小知识

开发工具与关键技术：SQL Server 2014 Management Studio AJAX小知识
作者：李国旭
撰写时间：2019年5月16日

起初学Jquery的时候还不懂什么是AJAX，但通过重邮这个项目里讲解这个知识，让我大概有点了解。AJAX等同于javaScript里的异步请求和XML这两个，简单来说呢就是我们不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上面显示。就好像下图在开始文件要上传的时候使用XMLHttpRequest就需要new一文档对象和XML的对象一样（注：图来自老师）

那么关于jQuery和AJAX的方法呢！我们可以通过使用http get和HTTP post从服务器上面发送请求一些文本啊、HTML、XML等还可以直接放到网页中；Xhr里面也包含了 XMLHttpRequest 对象。

当然，也有它AJAX load（）的加载方法。这个方法是从服务器加载数据，并把返回的数据放入被选中的元素里，下面是在layui里面加载from表单的内容；利用AJAXSubmit直接提交from表单，然后通过reload刷新表格

jQuery的属性：Attr()：设置或返回被选元素的属性值；removeAttr()：从每一个匹配的元素中删除一个属性；addClass()：为每个匹配的元素添加指定的类名；html()：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档；text()：设置/取得所有匹配元素的内容；Val()：设置/获得匹配元素的当前值

在jQuery中遍历，我们也可以理解为“移动”的意思，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项内容来选择开始，并沿着我们的这个选择移动，直到得到我们想要的元素为止。$.each()是循环遍历对象，这个循环的对象是数组和类似数组的对象的泛型迭代器函数。普通对象通过它们的命名属性进行迭代，而数组和类似数组的对象通过它们的索引进行迭代；那么这个对象和我们常用的For和For-in循环类似。（注：下图来自菜鸟教程）
如图所示的是jQuery遍历的方法：

JQuery AJAX小知识相关推荐

JQuery Ajax小磨合-1
一.实现目标昨天想在网站后台改进个小功能,为了简化user操作步骤,在user输入文件名称后自动进行无刷新验证.功能简单,可是却遇到了意想不到的麻烦,且听我慢慢道来.完成后的效果预览如下: 二.知识 ...
Jquery Mobile --小知识
1.更改ul后要使用listview('refresh')刷新视图; $('ul').append('<li>row</li>').listview('refresh'); ...
jquery/css需要记录的小知识（持续补充）
一.前言 2020年的第一篇了,奥利给! 这部分主要是汇总一些平时遇到的jquery和css小知识,作为笔记使用. 二.正文 1.jquery模拟select下拉框的选择事件,并传参数: self.s ...
servlet+JQuery ajax以json的形式的验证表单小实例
JQuery $.ajax() $.ajax({type: 'POST', //请求方式一般是get,posturl: url , // 这是必需的,规定把请求发送到哪个 URLdata: data ...
jquery ajax下拉联动,jQuery Ajax MVC 下拉框联动
无刷新下拉框联动方法: Controllers代码 public JsonResult DH_Change(string DH_ID) { List TeamLeaderList = FinanceD ...
php jquery ajax登录,jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用.常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息.本文我们将给大家介绍 ...
JQuery ajax使用总结
目录一.介绍二.jquery.ajax() 三.jquery的GET请求三.jquery POST请求一.介绍前置知识:ajax原理,json字符串进行信息传递. Ajax主要的功能是实现了 ...
Ajax设置超时时长,jquery ajax超时设置
var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get', //请求方式 ...
用户头像上传之 jQuery+ajax+php+预处理
小知识: dataType:预期的服务器返回的数据类型当设置了dataType:"json"时,后端返回了json,就自动将JSON格式字符串转换为js对象,如果后端返回了Str ...

JQuery AJAX小知识

JQuery AJAX小知识相关推荐

最新文章

热门文章