这篇“jQuery中js对象、json与ajax怎么创建”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jQuery中js对象、json与ajax怎么创建”文章吧。
创新互联拥有网站维护技术和项目管理团队,建立的售前、实施和售后服务体系,为客户提供定制化的成都网站制作、做网站、网站维护、成都二枢机房解决方案。为客户网站安全和日常运维提供整体管家式外包优质服务。我们的网站维护服务覆盖集团企业、上市公司、外企网站、成都商城网站开发、政府网站等各类型客户群体,为全球上千家企业提供全方位网站维护、服务器维护解决方案。
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获取到后台数据,更新页面显示数据的部分,就做到了页面局部刷新。
常用参数:
| 参数 | 描述 |
|---|---|
| url | 请求地址 |
| type | 请求方式,默认GET |
| dataType | 返回的数据类型 |
| data | 发送给服务器的数据 |
| success | 成功后的回调函数 |
| error | 失败后的回调函数 |
| async | 是否同步,默认true异步 |
例(通过接口将数据显示到页面中):
$.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怎么创建”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。
新闻标题:jQuery中js对象、json与ajax怎么创建
文章分享:http://www.jxjierui.cn/article/jisggc.html


咨询
建站咨询
