ajax与jsonobject,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和空。

6ccc7b70e5cfb652276c763a704f3ccb.png

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

{

sTr += '

'

+'

'+ 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);

}

});

b7e87589ae29198a7e067c63b504e5fa.png

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

希望本文所述对大家jQuery程序设计有所帮助。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值