jQuery中js对象、json与ajax的示例分析

小编给大家分享一下jQuery中js对象、json与ajax的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

成都创新互联2013年至今，先为冷水滩等服务建站，冷水滩等地企业，进行企业商务咨询服务。为冷水滩企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

js对象

创建js对象的两种方式：

1.通过new Object创建：

var p1 = new Object();
// 设置属性,和方法
p1.name = "张三";
p1.age = 13;
p1.study = function(){
console.log(p1.name + "正在学习,葵花宝典");
}
// 调用属性和方法
console.log(p1.name);
console.log(p1.age);
p1.study();

2.通过字面量(直接量)创建：

var p2 = {
 name:"李四",
 age:14,
  eat:function(){
    onsole.log(this.name + "正在吃大蒜和榴莲");
  }
}
console.log(p2.name);
console.log(p2.age);
p2.eat();

json

一种表达js对象的数据格式，是一串字符串，键值对形式，键需要加双引号，值不能是方法函数、undefined和空。

1.json转js对象：JSON.parse()

2.js对象转json：JSON.stringify()

ajax

ajax技术的目的是让javascript发送http请求，与后台通信，获取数据和信息。ajax技术的原理是实例化xmlhttp对象，使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行，从而实现异步。
ajax可以实现局部刷新，也叫做无刷新，无刷新指的是整个页面不刷新，只是局部刷新，ajax可以自己发送http请求，不用通过浏览器的地址栏，所以页面整体不会刷新，ajax获取到后台数据，更新页面显示数据的部分，就做到了页面局部刷新。

常用参数：

例(通过接口将数据显示到页面中)：

$.ajax({
  url:'/index_data',
  type:'get',
  dataType:'json',
  success:function(dat){
   //console.log(dat);
   var aList = dat;
   var sTr = '序号股票代码股票简称涨跌幅换手率最新价(元)前期高点前期高点日期添加自选';
   for(var i=0;i'
      +''+ aList[i].id +''
      +''+ aList[i].code +''
      +''+ aList[i].sname +''
      +''+ aList[i].rate01 +''
      +''+ aList[i].rate02 +''
      +''+ aList[i].new_prize +''
      +''+ aList[i].high +''
      +''+ aList[i].date +''
      +''
     +'';
   }
   $('.stock_list').html(sTr);
  }
});

以上是“jQuery中js对象、json与ajax的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！