Jquery对ajax的支持

1:原生回顾

编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。

不过,jQuery 团队为我们解决了这个难题,我们只需要一行简单的代码,就可以实现 AJAX 功能。

1:获取ajax引擎

2:获取要交互的数据

3:创建url - 后台程序的地址

4:使用open方法建立链接

5:发送请求:send(String)

6:编写回调函数

2: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

1:使用JavaEE三层结构+jquery对ajax的支持完成校验用户名校验

2:注册成功进入登录页面

3:注册失败跳转到失败页面

 

3: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 = [{},{},{}]

查询所有的时候,模糊查询,

 

posted @ 2022-02-12 23:01  这题我不会  阅读(58)  评论(0)    收藏  举报