Ajax篇

2023年2月8日 111次阅读 来源: 好久不见

Ajax

Ajax全称Asynchronous Javascript And XML（异步JavaScript和XML），是一种用于建立疾速动态网页的手艺。它在不重载悉数网页页面的状况下，完成了对部份网页的更新。

ajax请乞降浏览器地点要求区分

  • 浏览器提议的要求，要求效果展现在浏览器上
  • ajax提议的要求，效果保留在js变量里

实用场景

  • 注册用户时，对用户名的唯一性举行考证
  • 发送手机考证码
  • 只如果不革新网页，收发数据的状况，ajax都是不错的挑选

语法：$.ajax([settings])
常备参数

  • url ：发送要求的地点
  • type：要求体式格局，值为GET,POST，默以为GET
  • data：发送到服务器的数据
  • async：要求范例，值为true,false，离别代表异步和同步，默以为true
  • dataType：预期服务器返回的数据范例，可用值xml, html, json, text等
  • success：Function()，要求胜利后的回调函数
  • error，Function()，要求失利后的回调函数
  • timeout：设置要求超时时候（毫秒）

注：当dataType为json，即返回值范例为json的状况下，ajax获取到的值是object范例

ajax中须要注重的题目：
跨域题目
说到跨域，必须得明白同源的观点，同源：两个页面地点中的协定、域名和端口号都雷同。而跨域则是源A中的代码去要求源B中的数据，因为平安方面的缘由，客户端js运用XMLHttpRequest只能同源接见，跨域接见会失足。（暂不提怎样处理跨域题目）

ajax调试
进入Chrome控制台
点击network

  • headers：在request headers中能够看到发送的数据
  • response：服务器返回的内容

选中XHR：XML HTTP Request，示意由ajax提议的要求

关于JSON

JSON全称JavaScript Object Notation，JS对象简谱，是一种轻量级的数据交换花样。
语法：

  • 对象示意为键值对
  • 数据由逗号分开
  • 花括号保留对象
  • 方括号保留数据

JSON和JS对象的关联
JSON是JS对象的字符串示意法，它运用文本示意一个JS对象的信息，实质是一个字符串。

var obj = {a: 'Hello', b: 'World'};   //js对象    
var json = "{'a': 'Hello', 'b': 'World'}";  //JSON字符串

JSON和JS对象互转
要完成从对象转换为JSON字符串，运用JSON.stringify()要领：

var json = JSON.stringify({a: 'Hello', b: 'World'});  //效果是"{'a': 'Hello', 'b': 'World'}"

要完成从JSON转为对象，运用JSON.Parse()要领：

var obj = JSON.parse("{'a': 'Hello', 'b': 'World'}");  //效果是{a: 'Hello', b: 'World'}

JSON和PHP对象互转

$str = json_encode($obj);    //对象转JSON字符串
$obj = json_decode($json);    //JSON字符串转对象
    原文作者：好久不见
    原文地址: https://segmentfault.com/a/1190000015738355
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞