jquery 怎么将接口的数据展示到页面上 jquery接收后端数据 您所在的位置:网站首页 jquery提交数据到后端添加到数据库中 jquery 怎么将接口的数据展示到页面上 jquery接收后端数据

jquery 怎么将接口的数据展示到页面上 jquery接收后端数据

2023-07-01 00:11| 来源: 网络整理| 查看: 265

 

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

 

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

 

 

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

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

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

(1)获取普通数据

 

jquery 怎么将接口的数据展示到页面上 jquery接收后端数据_JSON

 

(2)获取json格式数据

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

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

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

 

jquery 怎么将接口的数据展示到页面上 jquery接收后端数据_ajax_02

 

 

 

 

 

 

 

 

 

二、$.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能解析这种格式的数据;

jquery 怎么将接口的数据展示到页面上 jquery接收后端数据_数据_03

 

 

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

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

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

jquery 怎么将接口的数据展示到页面上 jquery接收后端数据_数据_04

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有