北京网站快速排名优化,讯美深圳网站建设,免费免费建站,苏州头条新闻一.Axios异步框架
对原生的Ajax进行封装#xff0c;简化书写。 给大家提供一下axios的源码#xff1a; 链接#xff1a;https://pan.baidu.com/s/1ZSrUBe0B4dIq7d6NpUzqOQ 提取码#xff1a;gr86 将源码粘贴到项目之中。
1.基础使用
首先单独创建一个Servlet#xf…
一.Axios异步框架
对原生的Ajax进行封装简化书写。 给大家提供一下axios的源码 链接https://pan.baidu.com/s/1ZSrUBe0B4dIq7d6NpUzqOQ 提取码gr86 将源码粘贴到项目之中。
1.基础使用
首先单独创建一个Servlet
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;WebServlet(/AxiosServlet)
public class Axios_Servlet extends HttpServlet {Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String method req.getMethod();System.out.println(method方法已启动~);String username req.getParameter(username);System.out.println(username);resp.setContentType(text/html;charsetUTF-8);resp.getWriter().write(Axios启动~);}Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {this.doGet(req, resp);}
}引入外部js script srcjs/axios-0.18.0.js/script 如果是get方法则参数直接写进Url: axios({//大括号即为js对象method:get,url:http://localhost:8080/Ajax_S1_war/AxiosServlet?usernamejsl}).then(function (resp){alert(resp.data);})
如果是post方法则把参数写进data域 axios({//大括号即为js对象method:post,url:http://localhost:8080/Ajax_S1_war/AxiosServlet,data:usernamejsl}).then(function (resp){alert(resp.data);})
2.别名方法
当然Axios内部可以直接调用get和post方法 axios.get(http://localhost:8080/Ajax_S1_war/AxiosServlet?usernamejsl).then(function (resp){alert(resp.data);})axios.post(http://localhost:8080/Ajax_S1_war/AxiosServlet,usernamejsl).then(function (resp){alert(resp.data);})
均可启动成功 二.Json数据格式 全名JavaScript Object Notation即JS简谱、JS对象表示法。由于其语法简单层次结构鲜明现在多用于作为数据载体在网络中进行数据传输。 1.基础语法 var jsl{gender:man,age:23,home:[拜仁,国米,阿贾克斯]}alert(jsl.home[0]);
非常简单不再赘述~ 2.Java对象转换 请求数据json字符串变为Java对象响应数据Java对象变为json字符串 采用阿里巴巴的APIFastjson。 导入坐标
dependencygroupIdcom.alibaba/groupIdartifactIdfastjson/artifactIdversion1.2.62/version
/dependency 创建一个用于测试的类
public class TestDemo {private Integer id;private String username;private String password;public Integer getId() {return id;}public void setId(Integer id) {this.id id;}public String getUsername() {return username;}public void setUsername(String username) {this.username username;}public String getPassword() {return password;}public void setPassword(String password) {this.password password;}Overridepublic String toString() {return TestDemo{ id id , username username \ , password password \ };}
}
主方法中测试
import com.alibaba.fastjson.JSON;public class Main {public static void main(String[] args) {//1.Java转换为JsonTestDemo TDnew TestDemo();TD.setId(1);TD.setPassword(123456);TD.setUsername(jsl);String jsonOb JSON.toJSONString(TD);System.out.println(jsonOb);}
}
打印出json格式的数据 然后是字符串转为java对象 //2.json转为javaTestDemo t JSON.parseObject({\id\:1,\password\:\123\,\username\:\zhangsan\},TestDemo.class);System.out.println(t);