================前后端简单的AJAX交互=======================================================================
一、简单的前端获取数据:
1、使用GET方式从后台获取数据。
$get(请求地址,function(data,status){
});
注释:function是回调函数,data是从后台获取的数据,status是请求状态200/404/500.
data是数组/集合/对象的话可以对数组/集合/对象进行遍历。遍历如下。
!!!后台数据回传的JSON数据是字符串,需要先让字符串转换成对象。var obj = JSON.parse(data);
for(var i = 0;i < obj.length;i++){
var app = obj[i];
}
jquery替换页面标签指定属性的值时可以使用:
$("#div").attr("value","我是数据");
jquery替换输入框中的内容是:
var name = "王浩" ;
$("#name").val(name);
2、使用POST方式和后台进行交互。
格式:
$.post(请求地址,带向后台的数据,回调函数);
例如:
$.post(getRootPath()+'/appmanageCompile/updateAPP', $('#form').serialize(),function(data,status){
var json = data,
obj = JSON.parse(json); //将后台传过的的JSON字符串转换为对象/集合/数组
if(obj.res=='true'){
location.href = (getRootPath()+'/appmanage/details?appId='+obj.appId);
}
});
2、js获取工程路径的方法:
function getRootPath(){
var strPath=window.document.location.pathname;
var strFullPath=window.document.location.href;
var pos=strFullPath.indexOf(strPath);
var prePath=strFullPath.substring(0,pos);
var postPath=strPath.substring(0,strPath.substr(1).indexOf('/')+1);
return(prePath);
}
=============================================================================================================
一、简单的前端获取数据:
1、使用GET方式从后台获取数据。
$get(请求地址,function(data,status){
});
注释:function是回调函数,data是从后台获取的数据,status是请求状态200/404/500.
data是数组/集合/对象的话可以对数组/集合/对象进行遍历。遍历如下。
!!!后台数据回传的JSON数据是字符串,需要先让字符串转换成对象。var obj = JSON.parse(data);
for(var i = 0;i < obj.length;i++){
var app = obj[i];
}
jquery替换页面标签指定属性的值时可以使用:
$("#div").attr("value","我是数据");
jquery替换输入框中的内容是:
var name = "王浩" ;
$("#name").val(name);
2、使用POST方式和后台进行交互。
格式:
$.post(请求地址,带向后台的数据,回调函数);
例如:
$.post(getRootPath()+'/appmanageCompile/updateAPP', $('#form').serialize(),function(data,status){
var json = data,
obj = JSON.parse(json); //将后台传过的的JSON字符串转换为对象/集合/数组
if(obj.res=='true'){
location.href = (getRootPath()+'/appmanage/details?appId='+obj.appId);
}
});
2、js获取工程路径的方法:
function getRootPath(){
var strPath=window.document.location.pathname;
var strFullPath=window.document.location.href;
var pos=strFullPath.indexOf(strPath);
var prePath=strFullPath.substring(0,pos);
var postPath=strPath.substring(0,strPath.substr(1).indexOf('/')+1);
return(prePath);
}
=============================================================================================================