ajax怎么和后台交互数据

2025-05-18 21:46:05

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怎么和后台交互数据
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢