![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ajax
web_zsh
时机未到,资格未够,请继续努力
展开
-
JSONP技术
一、跨域问题 同源策略(SOP): 访问浏览器的URL地址和发送XHR请求的URL地址必须满足三个一致:协议一致、域名一致、端口一致 同源策略规定:如果访问浏览器的URL地址和发送XHR请求的URL地址不同源,则无法发送XHR请求(ajax请求),会产生跨域问题。 跨域问题:是浏览器的安全级别造成的。 模拟跨域:在本地产生两个服务器: (1)客户端通过Hbuild而访问。 (2)服务器通过自身的...原创 2020-02-20 18:13:10 · 97 阅读 · 0 评论 -
jQuery下的ajax之省市区三级联动
jQuery下的ajax之省市区三级联动 小编提醒一下别忘了引入jQuery文件哟 HTML 所在省份:<select name="province"> <option selected="" disabled>请选择省份</option> </select> 所在城市:<select name="city"><...原创 2020-02-15 13:31:10 · 297 阅读 · 0 评论 -
(八)AJAX之JSON与JSONP
【前言】 AJAX目前常问的两个面试题 AJAX以何种格式来交换数据? 跨域的需求如何解决? 这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串来描述,跨域可以通过服务器端代理来解决。 到目前为止最被推崇的方案还是用JSON来传数据,靠JSONP来跨域。而这就是本节将要讲述的内容。 JSON&&JSONP JSON和JSONP虽然只有一个字母的差别,但本质差距较大: ...原创 2019-11-21 13:24:40 · 132 阅读 · 0 评论 -
(七)AJAX之jQuery操作&&全局处理程序
jQuery之AJAX 日常开发里为了提高开发效率,一般会使用框架中的AJAX语法,例如经常使用的jQuery,也给我们封装好了AJAX的一些语法操作,而且jQuery也封装了JSONP跨域。 几种常用的方式 $ .ajax,$ .post, $ .get, $ .getJSON (1)jQuery之$.ajax $.ajax是JQuery对ajax封装的最基础,通过使用这个函数可以完成异步...原创 2019-11-21 13:14:09 · 222 阅读 · 0 评论 -
(六)AJAX之JSONP跨域
【前言】 本节讲解下利用JSONP实现百度智能搜索案例 需求: 输入框输入关键字同时,会利用AJAX不断跟后台进行交互,进而实现局部更新页面关键词功能,因为涉及跨域,所以这里用JSONP方式解决 接口URL: https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/?wd=&cb= 因为百度搜索接口不太稳定,接下来改用电商接口 淘宝商品搜索...原创 2019-11-21 11:23:57 · 172 阅读 · 0 评论 -
(五)AJAX之封装+跨域
回顾AJAX五步法 <script type="text/javascript"> // 1.创建XMLHttpRequest异步对象 var xhr; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); // 主流浏览器 console.dir(xhr) } else { ...原创 2019-11-20 10:09:23 · 111 阅读 · 0 评论 -
(四)AJAX状态值+状态码+HTTP请求
HTTP请求 HTTP简介 http是计算机通过网络进行通信的规则,使浏览器去服务器请求信息和服务。 HTTP是一种无状态协议(他可以自己保存东西cookie):无状态指的是不建立持久的连接,即服务端不保留连接的相关信息,即断开请求和响应后是没有记忆的。 HTTP请求步骤 HTTP请求不是一步完成的,一个完整的HTTP请求过程,通常包含以下7个步骤 (1)建立TCP连接 (2)WEB浏览器向W...原创 2019-11-15 20:03:33 · 540 阅读 · 0 评论 -
(三)AJAX请求五步法
本节大纲 (1)AJAX请求步骤(初版) (2)AJAX请求类型 (3)跨域+CORS+Network (4)JSON序列化与反序列化/解析 (5)AJAX请求步骤(微调) AJAX前言 简称:AJAX为异步处理,也叫异步请求 作用:访问远程API(Application Programming Interface)应用程序编程接口. 本质:动态获取远程数据,局部渲染更新页面,所以也叫局部刷新技术...原创 2019-11-15 19:32:32 · 1117 阅读 · 1 评论 -
(一)AJAX+ML+DTD概念
ajax简介 ajax 的全称是Asynchronous JavaScript and XML,其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式。 AJAX代表异步JavaScript和XML,它是一组web开发技术,允许web应用程序异步工作,在后台处理对服务器的任何请求等等,那么什么是AJAX ? JavaScript是一种流行的编码语言,在其功能中,J...原创 2019-11-14 17:05:14 · 100 阅读 · 0 评论 -
(二)AJAX简介与原理
本节大纲 (1)AJAX简介 (2)AJAX应用案例 (3)传统验证方式 (4)AJAX验证方式 (5)AJAX通俗理解+工作方式 AJAX简介 什么是AJAX Ajax 即Asynchronous Javascript And XML(异步 JavaScript 和 XML),其本质是指一种创建交互式网页应用的网页开发技术。 Ajax = 异步 JavaScript 和 XML或HTML (标准...原创 2019-11-14 19:33:35 · 205 阅读 · 0 评论