美文网首页
ajax的最基础使用(快速入门)

ajax的最基础使用(快速入门)

作者: coderymy | 来源:发表于2019-07-17 19:23 被阅读0次

ajax

首先对于ajax传递的数据是json格式的,也就是后天向前台传递的数据都必须是json格式。所以需要会使用json字符串,也就是说需要会使用jackson
包括三个jar

  • jackson-annotations-2.9.6.jar
  • jackson-core-2.9.6.jar
  • jackson-databind-2.9.6.jar
  1. servlet部分使用的方法是
    第一步,创建ObjectMapper对象
    ObjectMapper mapper=new ObjectMapper()
    第二步,转换需要转换成json字符串的数据
    String result=mapper.writeValueAsString(xxx)
    第三步,设置返回值类型
    resp.setContentType("application/json")
    第四步,修改响应的代码格式
    resp.setCharacterEncoding("UTF-8");
    第五步,创建Writer对象
    Writer out=resp.getWriter();
    第六步,向前台输出数据
    out.write(xxx)

  2. 前台使用的方式
    第一步,加载jquery
    <script type="text/javascript" src="/js/jquery-xxx"></script>
    第二步,有事需要在页面加载完了再执行js代码/$(function(){})/
    (这个地方我也不知道怎么回事,markdown语法有点问题,就换一行吧,看起来不美观了)

第三步,创建一个ajax请求,请求体包括url,type,data,dataType,success
$.ajax({
url:'<%request.getContextPath()%>/xxx.do',
type:'get/post',
data:'',
dataType:'json',
success:function(){
}
})
第四步,传入后台的数据
传入后台的数据,肯定得是key-value格式的,这样才能在后台获取到
所以,可以使用很多方式来创建这种。
如:创建一个对象
var user={
'name':xxx,
'age':xxx,
'addr':xxx
}
也可以是这样data:{'name':xxx,'age':xxx}
当然,对于get请求,也可以直接将需要的参数拼接在url后面,

相关文章

网友评论

      本文标题:ajax的最基础使用(快速入门)

      本文链接:https://www.haomeiwen.com/subject/clwclctx.html