千家信息网

jQuery中js对象、json与ajax怎么创建

发表于:2025-02-03 作者:千家信息网编辑
千家信息网最后更新 2025年02月03日,这篇"jQuery中js对象、json与ajax怎么创建"文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我
千家信息网最后更新 2025年02月03日jQuery中js对象、json与ajax怎么创建

这篇"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怎么创建"这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注行业资讯频道。

0