jQuery ajax与json相关汇总

cccreator commented 6 years ago

ajax()方法

示例代码

 $.ajax({
              async: false,
              type: "POST",
              url: getWebRootPath() + '/baseQuery/routeInfo/findRouteName',
              data: {orgId: searchPanel.find('[name=BusFuelSearchOrgId]').val(), "routeGrade": ''},
              dataType: "json",
              success: function (obj) {
              var htmlStr = "<option value=''>请选择</option>";
              $.each(obj, function (index, value) {
              htmlStr += "<option value='" + value.routeId + "'>" + value.routeName + "</option>"
                       });
              searchPanel.find('[name=BusFuelSearchRouteId]').html(htmlStr);
                    }
               });

url，发送请求的地址；
type，默认值为GET。请求方式为POST或GET，其它HTTP请求方法PUT和DELETE仅部分浏览器支持。
dataType，预期服务器返回的数据类型。“xml”，返回XML文档，可用jQuery处理；“json”，返回JSON数据；“html”，返回纯文本HTML信息；
async，默认值为true，若为true为异步请求，否则为同步请求。
success、error，请求成功后的回调函数，是一个Ajax事件；
username，用于响应HTTP访问认证请求的用户名；
password，用于响应HTTP访问认证请求的密码；
timeout，用于设置超时时间，此设置会覆盖全局设置；原来是会覆盖掉$.ajaxSetup()中的设置，如果我压根就没用$.ajaxSetup()这个函数，便什么事都没有；

cccreator commented 6 years ago

toJSON()方法

toJSON()方法能够将对象转化成字符串，并格式化为JSON格式，如：

<script type="text/javascript">
var d = new Date();
document.write(d);
document.write("<br />");
document.write(d.toJSON());
</script>

页面显示为：

Thu Mar 15 2018 14:25:30 GMT+0800
2018-03-15T06:25:30.120Z

JSON数据格式标准为：YYYY-MM-DDTHH:mm:ss.sssZ

fromJSON()

fromJSON()方法类似toJSON()，将JSON对象转化成字符串的形式。

cccreator commented 6 years ago

JSON

JSON是存储和交换文本信息的语法，它比XML更小、更快、更易解析；

JSON语法规则

JSON语法是JavaScript对象表示语法的子集；

数据在名称/值对中
数据由逗号分隔
花括号保存对象
方括号保存数组

JSON值

JSON值可以是数字、字符串（在双引号中）、逻辑值、数组、对象、null;

关于JSON的一个Demo

<p>
First Name: <span id="fname"></span><br /> 
Last Name: <span id="lname"></span><br /> 
</p> 
<script type="text/javascript">
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';

var obj = eval ("(" + txt + ")");

document.getElementById("fname").innerHTML=obj.employees[1].firstName 
document.getElementById("lname").innerHTML=obj.employees[1].lastName 
</script>

返回结果为：

通过 JSON 字符串来创建对象

First Name: George
Last Name: Bush

JavaScript函数eval()可用于将JSON文本转换为JavaScript对象 eval()函数使用的是JavaScript编译器，可解析JSON文本，然后生成JavaScript对象。必须把文本保存在括号中，避免错误。

cccreator / Front

jQuery ajax与json相关汇总 #3

ajax()方法

toJSON()方法

fromJSON()

JSON

JSON语法规则

JSON值