Ajax——06——基于Jquery的$.ajax()方法获取数据、传递数据


 

在 JQuery 中提供了对 Ajax 的封装,让我们在使用 Ajax 技术时变得更加容易。在 JQuery中提供了很多的基于 Ajax 发送异步请求的方法,如:$.ajax()、$.get()、$.post()、$.getJSON()。

 

获取就是function函数的result参数;提交就是$.ajax({})的data属性;

 

 

一、前端$.ajax()获取后端数据

以前前端获取后端服务器传过来的数据,还要再JS中先new一个XmlHttpRequest对象非常麻烦,现在我们引入Jquery,

直接在前端使用Jquery的$.ajax()方法,然后通过function函数的result参数,就可以异步获取后端服务器的数据,

(1)获取普通数据

 

 

(2)获取json格式数据

$.ajax()方法会根据 dataType 属性中的值自动对响应的数据做类型处理。

如果响应的是 一个 JSON 格式的数据,那么 dataType 的值为“JSON”,在回调函数中我们得到的直接就是JSON 字符串转换完的 JavaScript 对象。

不需要在使用 JSON.parse()做格式的转换处理。

 

 

 

 

 

 

 

 

 

 

二、$.ajax()提交数据到后端

前端使用Jquery的$.ajax()方法,在异步请求中提交数据到后端服务器中;

(1)提交普通格式数据

在 data 属 性 中 我 们 可 以 通 过 两 种 方 式 来 指 定 需 要 提 交 的 数 据 。
一 种 是 通 过 name=value&name=value 的结构。      data:”name=value&name=value.....”
另一种是通过 JavaScript 对象来指定提交数据。          data:{userid:100, username:”oldlu” }
无论使用 哪种方式在 Servlet 中都是通过 request.getParameter 方法根据 name 获取 value 的,因为tomcat能解析这种格式的数据;

 

 

(2)提交Json格式数据

再次强调,数据以Json格式保存的话,就是一个字符串了;
所以叫json格式的字符串数据。

在$.ajax()中提交 JSON 格式的数据需要使用 post 方式提交,通过 JSON.stringify()函数将 JavaScript 对象转换成 JSON 格式的字符串。在 Servlet 中通过字符输入获取提交的 JSON 格式 的数据。

  • 前端:data:JSON.stringify({name:value,name:value......})
  • 后端:在 Servlet 中通过 req.getReader().readLine()来获取提交的数据。

 

posted @ 2021-01-09 18:53  Eric-Shen  阅读(1273)  评论(0编辑  收藏  举报