ajax怎么和后台交互数据

 时间:2024-10-12 01:43:58

ajax后台交互数据实现流程

工具/原料

MyEclipse

前端

1、首先在前端编写ajax格式

ajax怎么和后台交互数据

2、写上一个变量a并赋值2

ajax怎么和后台交互数据

3、在data中写上带到后台的数据键取名为a值就是前面的a,后台获取ajax传入的值就写a就可以了

ajax怎么和后台交互数据

4、如果后台数据成功返回就会执行success里面的代码。

ajax怎么和后台交互数据

后台接收

1、首先创建一个servlet类,取名为Ajx

ajax怎么和后台交互数据
ajax怎么和后台交互数据

2、点击下一步来到这个窗口请按我的做法来,其它没用的删掉,需要注意的是Mapping URL:/ajx 这里的ajx是ajax中的url。'/'这个不能删。

ajax怎么和后台交互数据

3、完成创建后来到代码编辑页面,创建完成时有很多代码,记住把代码删掉和我图中的一样

ajax怎么和后台交互数据

4、重写service方法,按下组合键alt+/ 在出现的选项中点击

ajax怎么和后台交互数据
ajax怎么和后台交互数据

5、删掉没用的代码,删除完成后修改2个地方。修改是为了方便自己区分是请求还是响应。

ajax怎么和后台交互数据
ajax怎么和后台交互数据
ajax怎么和后台交互数据

6、用一个String 变量来接受ajax带过来的值。

ajax怎么和后台交互数据

7、创建PrintWriter 写入到流中,写入完成用close关闭流。

ajax怎么和后台交互数据

项目测试

1、发布项目,选择当前项目

ajax怎么和后台交互数据
ajax怎么和后台交互数据

2、点击按钮运行项目

ajax怎么和后台交互数据
ajax怎么和后台交互数据

3、在浏览器中输入项目地址

ajax怎么和后台交互数据

4、最后通过ajax成功回调后台数据,并弹出json数据。

ajax怎么和后台交互数据
  • 怎么创建maven项目
  • IDEA如何配置SpringBoot项目
  • 如何在MyEclipse中建立连接sql数据库的类
  • 如何解决请求添加一个名为 jquery的错误
  • 热门搜索
    元旦节手抄报图片 关于文明出行的手抄报 我的家手抄报 关爱教育手抄报 护林防火手抄报 美文手抄报 小学生健康手抄报 历史手抄报版面设计图 学法懂法守法手抄报 登革热手抄报