首页 前端知识 Jquery对ajax的支持及json对象

Jquery对ajax的支持及json对象

2024-04-29 11:04:01 前端知识 前端哥 448 692 我要收藏

原生回顾

  • 编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。
  • 不过,jQuery 团队为我们解决了这个难题,我们只需要一行简单的代码,就可以实现 AJAX 功能。
  • 1:获取ajax引擎
  • 2:获取要交互的数据
  • 3:创建url - 后台程序的地址
  • 4:使用open方法建立链接
  • 5:发送请求:send(String)
  • 6:编写回调函数

Jquery对ajax的支持

 

 

  • 语法:
	$.ajax({
	  type: "POST",
	  url: "/项目名/url映射",
	  data: "username="+username,
	  success: function(msg){
	    alert( "Data Saved: " + msg );
	  }
	}); 	
  • 此方法因为偏底层,使用比较繁琐,所以在实际开发中,应用很少;
  • 在实际开发中可能下面的写法会使用的多一点
语法 : $.get()/$.post("url","param",function(data){
	...
	}); 
  • url: Ajax访问服务器地址
  • param: 代表请求参数
  • function 回调函数
  • data 代表从服务器返回数据容                                                             
  • 因为乱码的问题得出一个经验:
    • 如果传递参数给服务器使用 $.post , 不需要传参数可以使用 $.get

json对象

  • JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪,但是JavaScript很容易解释它。

在js中{}表示的是对象

  • 定义json对象:
var JSON对象 = { "name" : value,  "name" : value, …… } ;
如:var person = { "name" : "张三","age" : 30 } ;
  • 定义json对象数组
  • Var arr = [{},{},{}]
  • 查询所有的时候,模糊查询

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6279.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!