小编给大家分享一下jQuery中js对象、json与ajax的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
创新互联建站科技有限公司专业互联网基础服务商,为您提供珉田数据中心,高防主机,成都IDC机房托管,成都主机托管等互联网服务。创建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();
一种表达js对象的数据格式,是一串字符串,键值对形式,键需要加双引号,值不能是方法函数、undefined和空。
1.json转js对象:JSON.parse()
2.js对象转json:JSON.stringify()
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的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联成都网站设计公司行业资讯频道!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款