今天准备回顾一下jQuery和ajax,第一次学没有整理笔记,现在补上,挖个坑。。。。。(2021年1月27日17:09:34)
- Ajax的几种表现形式
$.ajax:该形式是ajax的标准形式,应用最广泛
$.get/post:该形式是上面的简写形式
$.getJSON:该形式专门针对json数据解析形式,应用很少
ajax:1局部刷新,2、异步请求
- 关于jQuery存取值的理解
首先是相当于原生js的document.getElementById("").value,只针对于表单元素的value值的存取操作。例如:input、select。这里用的是val(""):存值,val():取值。
其次相当于原生js的document.getElementById("").innerHTML,针对于标签中的内容的存取值操作。该形式对于html元素,随着内容可以动态赋予。例如:html("<font color='red'>aaa</font>")
:存值,html():取值。
最后是text(""):存值,text():取值。text和html基本上没有差别,唯一的差别是text只注重内容本身,不注重html元素的动态赋予。
- 常用的AJAX的格式为
$.ajax({
url:"myServlet.do",//访问或者映射的地址
// data:"key1=value1&key2=value2",为后台传参数
dataType:"text",//从后台传过来的数据的格式,text为接收普通文本,json为接收json格式
async:true//默认为trut,异步交互
success:function (data) {//回调函数,接收后台传输的数据,执行时机是后台执行完毕后,该函数才会执行
$("#msg").html(data)
}
})
-
关于同步和异步交互
async:true 异步
全程两个线程,一根主线程负责执行方法中的普通代码,一根线程负责执行ajax。两个线程之间是互相独立的,互不影响的。(有效的提高了用户的体验)
async:false 同步
全程一根线程,线程必须是按照代码从上往下依次执行,下面的代码必须等到上面的代码执行完后才能执行。(适用于转账等安全方面的操作) -
json的格式
以现在常用格式为标准格式:{“key”:“value”},其中value如果为普通字符必须加引号,数字和boolean类型的不用加。
当后台查询到多个对象需要往前端传输时,主要要是用json数组的形式来进行传递。同时前端页面通过嵌套调用来取数组中的值{“s1”:”{“key”:“value”}"},调用data.s1.key -
前后端传值的方式