初学$ajax()简单使用及前后台交互
来源:互联网 发布:windows车载系统 编辑:程序博客网 时间:2024/06/06 08:58
初学$ajax简单使用及前后台交互
前台js代码
function logn() {var user_json = {
"userName": "admin",
"password": "E10ADC3949BA59ABBE56E057F20F883E",
"love":{
"food":"todou",
"song":['akon','she']
}
};
var jsonstr = JSON.stringify(user_json);
$.ajax({
type: "post",//上传类型post或get
url: 'ajaxuser',//url对应的serverlet或controllerdataType : 'json',//发到后台后的返回值类型
data : {'mydata':jsonstr},//发到后台的数据内容和
success: function(returnedData){
alert(returnedData.love.song[0]);//获取后台返回数据的某个值
},
error: function(){
alert("操作失败!");
}
});
}
后台controller的代码
//ajax异步刷新String jsonStr=request.getParameter("mydata");//接收前台信息
System.out.println(jsonStr);
JSONObject jsonobj = new JSONObject(jsonStr); //转换字符串为json对象
response.setContentType("text/html;charset=utf-8");
PrintWriter out;
try {
out = response.getWriter();
out.print(jsonobj);//返回信息给前台
out.flush();out.close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
阅读全文
0 0
- 初学$ajax()简单使用及前后台交互
- AJAX--前后台交互
- ajax前后台交互
- Jquery Ajax前后台交互
- ajax前后台交互测试
- AJAX 前后台数据交互
- Django中使用Ajax进行前后台交互
- 使用Ajax提交数据,进行前后台数据交互
- Ext.Ajax.request前后台交互
- Ajax+jquery 的前后台交互学习
- struts1 ajax前后台数据交互
- Spring mvc Ajax前后台交互
- jQuery的ajax前后台数据交互
- thinkphp 用jquery ajax前后台交互
- Ajax、jquery实现前后台数据交互
- Ajax前后台交互的失败总结
- AJAX进行前后台信息交互
- ajax前后台交互实现省市区级联
- js arr数组排序
- javascript实用技巧,js小知识
- 助考100%,祝你取得好成绩.
- 快速排序
- Android常见管理器—短信管理器 SmsManager
- 初学$ajax()简单使用及前后台交互
- 链式复制
- Bootstrap3 移动设备优先并使用了一些HTML5元素
- JSP着重点
- 无头双链表的创建
- Distributed hash table
- winfrom以管理员身份运行程序
- 【R笔记】R机器学习(三)——多元回归
- 一些关于怎样把log4net信息输出到UI界面的思路