自用,关于jQuery和ajax笔记

今天准备回顾一下jQuery和ajax,第一次学没有整理笔记,现在补上,挖个坑。。。。。(2021年1月27日17:09:34)

  1. Ajax的几种表现形式

$.ajax:该形式是ajax的标准形式,应用最广泛
$.get/post:该形式是上面的简写形式
$.getJSON:该形式专门针对json数据解析形式,应用很少

ajax:1局部刷新,2、异步请求

  1. 关于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元素的动态赋予。

  1. 常用的AJAX的格式为
 $.ajax({
            url:"myServlet.do",//访问或者映射的地址
           // data:"key1=value1&key2=value2",为后台传参数
            dataType:"text",//从后台传过来的数据的格式,text为接收普通文本,json为接收json格式
            async:true//默认为trut,异步交互
            success:function (data) {//回调函数,接收后台传输的数据,执行时机是后台执行完毕后,该函数才会执行
                $("#msg").html(data)
            }

          })
  1. 关于同步和异步交互
    async:true 异步
    全程两个线程,一根主线程负责执行方法中的普通代码,一根线程负责执行ajax。两个线程之间是互相独立的,互不影响的。(有效的提高了用户的体验)
    async:false 同步
    全程一根线程,线程必须是按照代码从上往下依次执行,下面的代码必须等到上面的代码执行完后才能执行。(适用于转账等安全方面的操作)

  2. json的格式
    以现在常用格式为标准格式:{“key”:“value”},其中value如果为普通字符必须加引号,数字和boolean类型的不用加。
    当后台查询到多个对象需要往前端传输时,主要要是用json数组的形式来进行传递。同时前端页面通过嵌套调用来取数组中的值{“s1”:”{“key”:“value”}"},调用data.s1.key

  3. 前后端传值的方式
    前后端的传值方式

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值