首页 > 软件开发 > JQUERY >

ajax怎么和后台交互数据

来源:互联网 2023-03-17 00:46:38 127

ajax后台交互数据实现流程WK3办公区 - 实用经验教程分享!

工具/原料

  • MyEclipse

前端

  • 1

    首先在前端编写ajax格式WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 2

    写上一个变量a并赋值2WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 2本页面未经许可获取自百度经验
  • 3

    在data中写上带到后台的数据键取名为a值就是前面的a,后台获取ajax传入的值就写a就可以了WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 4

    如果后台数据成功返回就会执行success里面的代码。WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 后台接收

  • 1

    首先创建一个servlet类,取名为AjxWK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 2

    点击下一步来到这个窗口请按我的做法来,其它没用的删掉,需要注意的是Mapping URL:/ajx 这里的ajx是ajax中的url。'/'这个不能删。WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 3

    完成创建后来到代码编辑页面,创建完成时有很多代码,记住把代码删掉和我图中的一样WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 4

    重写service方法,按下组合键alt / 在出现的选项中点击WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 5

    删掉没用的代码,删除完成后修改2个地方。修改是为了方便自己区分是请求还是响应。WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 6

    用一个String 变量来接受ajax带过来的值。WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 7

    创建PrintWriter 写入到流中,写入完成用close关闭流。WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 项目测试

  • 1

    发布项目,选择当前项目WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 2

    点击按钮运行项目WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 3

    在浏览器中输入项目地址WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 4

    最后通过ajax成功回调后台数据,并弹出json数据。WK3办公区 - 实用经验教程分享!

    ajax怎么和后台交互数据WK3办公区 - 实用经验教程分享!

  • 注意事项

    • 创建servlet类时一定不能把 / 删除掉

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!WK3办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码