首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js中的ajax和jquery中的ajax学习笔记

    一、JS中的Ajax ajax:异步访问/局部刷新 1.同步和异步 2.Ajax的运行原理 页面请求---->Ajax引擎----->提交给服务器端 这段时间可以做任何事情 服务器端响应------...>Ajax引擎----->触发设置好的事件,执行自定义的js逻辑代码,然后显示页面 js改变页面,其原理是改变的是内存 3.ajax实现 创建ajax引擎 为ajax对象绑定监听 绑定提交地址(get/...post) 发送请求 总结: 所有的异步访问都是通过ajax引擎 二、JSON传递数据(重点) 1.JSON在ajax中数据传递格式 JSON传递数据的一种格式,当使用异步传输的时候, 当服务器响应数据的时候...,需要使用一种格式在客户端和服务端进行传递 当服务端响应给客服端的时候响应的是字符串或者xml(ResponseText/ResponseXML), 如果响应一个对象给客户端的时候就不能表示. 2.JSON...格式 三、jQuery中的Ajax(重点) 再实际开发中使用下面三种方式: $.post(url,[date],[callback],[type]); $.get(url,[date

    3.7K40

    jQuery中的Ajax

    本地环境简单搭建 为什么要环境搭建 因为Ajax是基于服务器来运行的,需要配置服务器环境来实现对本地资源的访问。...****) 如何使用VsCode自带的服务器环境 在VSCode中下载 Live Server插件 在vsCode下方会出现这样的图标,运行带有Ajax请求的文件时,直接点击该图标运行 本环境自动以打开的本文件夹作为服务器的根目录...,端口可以自行改变 jQuery中的Ajax GET请求和POST请求的异同 相同点: 都是将数据提交到远程服务器 不同点: 1....} } 发送请求 jQuery使用Ajax 中的数据应该发送到后台进行数据操作,由于还没有学习后端语言,先在前端调用后端的数据进行数据操作 --> <form action="" method="POST" role="form

    2.3K60

    jquery ajax中success中的跳转问题

    大家好,又见面了,我是你们的朋友全栈君。...注意起来一个情况:ajax+submit+同步—-就是你用ajax请求服务器,而且用的是同步的方式,并且你是通过点击了type类型为submit的按钮来触发这个ajax。...这个时候,首先你点击了submit,它会提交表单,但是由于你用了ajax的同步操作,submit的提交被阻塞,ajax先执行,这个时候,如果你在ajax的回调函数(如:success)中写了document.location.href...=’xxx.html’,它是执行了,的确是去执行了跳转的,于是ajax完成了,那接下来就要把刚才的submit提交的请求完成。...即:ajax就是如你所想那样执行了,也从A页面跳到了B页面,但是由于submit这种类型的特殊性,又让B页面跳回了A页面,由于这个ajax执行完再执行submit请求的过程处理的很快,你会感到好像没有效果

    1.8K10

    PHP中AJAX的使用(完整实例【大牛可飘过】)

    有一段时间不写关于AJAX的东西了,最近和同学参加个比赛,要做一个类似博客的东西,用到了AJAX的东西,在写东西之前为了再熟悉一下AJAX,自己做了个关于AJAX的小事例与大家分享一下。   ...AJAX在js里可谓是一个牛气冲天的一个词,我刚学的时候有点望名生畏。对于初学者来说AJAX看似很难,图书馆里有些关于AJAX的教程比板砖都厚,看了就不想学。但当你真正长用的东西其实就那么写。...在这就不扯那些书上扯的AJAX的历史考古的淡了,不然的话会碎的,你懂的。OK直入正题。   在这呢我主要说一下AJAX的用法,原理就不多说了。   ...首先你得NEW一个AJAX的对象,类必须得事例化才能使用,这个大家都知道对吧     第一步:var oAjax = new XMLHttpRequest();     但是为了兼容IE6这么蛋疼的浏览器一般这么写...> 简单的AJAX用法事例到此为止,特为初学者而写,大牛可飘过……

    1.6K80

    JQuery中Ajax功能的使用技巧二则

    第三个问题则应该涉及到异步和同步的问题吧。 仔细研究了一下JQuery的AJAX部分,发现$.ajax()下有很多参数,其中async参数主要是用来设置是同步还是异步。...async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success...,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另一个线程)。...当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后会按顺序一直执行下来只有单线程操作。...真的很方便,在以后的项目运用中我会用到它很多地方,AJAX中很多参数确实值得去研究...

    1.6K30

    AJAX中的串行与并行

    AJAX的串行 串行特点:只有上一个请求成功,才能执行第下一个,串行中,上一个请求的数据会做下一次请求的依赖。...如上是基于Jquery的三次请求,可以看到下一个请求里的数据(scoreId)是基于上一个请求的,若将上一个请求改为同步的话,那么就会执行完后,再进行下一个请求,这便是 AJAX 的串行,其实更通俗来讲就是完成上一个...但是实际项目中我们是很少用AJAX同步的,因此对上图代码做如下修改 如上代码修改后,多个回调嵌套在一起,我们可以看到,代码不易管理,数据逻辑不易处理,将上面的串行代码修改后,就形成了著名的回调地狱。...AJAX的并行 并行特点:多个请求可以同时发送,但是需要等到所有请求都成功才会做一件事。多个请求之间没有相互依赖。...的并行 通过对于AJAX串行和并行的示例,我们发现,串行导致的回调地狱,并行时设置的计数器,其实是不方便的,但是这串行和并行的设计思路和模式是对实际项目处理复杂逻辑有很大的帮助的,因此引入了Promise

    38010
    领券