jquery ajax 怎么调用后台函数
日期：2014-05-16 浏览次数：20594 次
jquery ajax 如何调用后台函数
通过点击按钮bt1调用后台函数 ，弹出对话框 之类
------解决方案--------------------
$.post("org_UserLogin.action",
{name:$.trim($("#name").val()),
pass:$.trim($("#pass").val()),
ischeck:result
},
function(data){
if(data=="-1"){
$("#result").html("");
$("#result").append("<td class='text tdpd'> <input type='checkbox' id='remLogin' />记住密码</td>");
$("#result").append("<td colspan='2' class='text tdpd'><font color='red'> 密码错误！</font></td>");
}
else if(data=="0"){
$("#result").html("");
$("#result").append("<td class='text tdpd'> <input type='checkbox' id='remLogin' />记住密码</td>");
$("#result").append("<td colspan='2' class='text tdpd' ><font color='red'>不存在此用户！</font></td>");
}else{
//$("#result").children("td").remove();
window.location.href="org_toindexJSP.action";
}
})
}
------解决方案--------------------
$.get("org_addDept.action",
{
depname:$.trim($("#deptest").val()),
intrpo:$.trim($("#depintor").val()),
updepname:$.trim($("#updepname").val()),
uppid:$.trim($("#uppid").val())
},
function(data){
if(data=="ok")
{
parent.location.reload();
}
})
------解决方案--------------------
<html>
<head>
<title></title>
<script type="text/javascript">
String.prototype.trim=function()
{
return this.replace(/^\s+|\s+$/g,"");
}
function creatXMLHttpRequest()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");// code for IE6, IE5
}
return xmlhttp;
}
//url=处理数据的页面
//value=提交处理的数据(参数格式:"id=xxx"、"id=xxx&name=xxx")
//备注:后台处理页面通过HttpContext.Current.Request.QueryString["id"]获取回传的参数
function sendAjaxRequest(url,value)
{
var xmlhttp=creatXMLHttpRequest();
if(xmlhttp!=undefined)
{
try
{
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4 && xmlhttp.status==200)
{
//在这边执行成功处理后的方法
alert(xmlhttp.responseText);
}
}
xmlhttp.open("POST",url,true);
xmlhttp.send(value);
}
catch(e){}
}
else
{
alert("Error");
}
}
//提交操作
function submit()
{
var name=document.getElementById("txtname").value;
sendAjaxRequest("xxxxxx","name="+name.trim());
}
</script>
</head>
<body>
<input type="text" id="txtname" />
<input type="button" val
通过点击按钮bt1调用后台函数 ，弹出对话框 之类
------解决方案--------------------
$.post("org_UserLogin.action",
{name:$.trim($("#name").val()),
pass:$.trim($("#pass").val()),
ischeck:result
},
function(data){
if(data=="-1"){
$("#result").html("");
$("#result").append("<td class='text tdpd'> <input type='checkbox' id='remLogin' />记住密码</td>");
$("#result").append("<td colspan='2' class='text tdpd'><font color='red'> 密码错误！</font></td>");
}
else if(data=="0"){
$("#result").html("");
$("#result").append("<td class='text tdpd'> <input type='checkbox' id='remLogin' />记住密码</td>");
$("#result").append("<td colspan='2' class='text tdpd' ><font color='red'>不存在此用户！</font></td>");
}else{
//$("#result").children("td").remove();
window.location.href="org_toindexJSP.action";
}
})
}
------解决方案--------------------
$.get("org_addDept.action",
{
depname:$.trim($("#deptest").val()),
intrpo:$.trim($("#depintor").val()),
updepname:$.trim($("#updepname").val()),
uppid:$.trim($("#uppid").val())
},
function(data){
if(data=="ok")
{
parent.location.reload();
}
})
------解决方案--------------------
<html>
<head>
<title></title>
<script type="text/javascript">
String.prototype.trim=function()
{
return this.replace(/^\s+|\s+$/g,"");
}
function creatXMLHttpRequest()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");// code for IE6, IE5
}
return xmlhttp;
}
//url=处理数据的页面
//value=提交处理的数据(参数格式:"id=xxx"、"id=xxx&name=xxx")
//备注:后台处理页面通过HttpContext.Current.Request.QueryString["id"]获取回传的参数
function sendAjaxRequest(url,value)
{
var xmlhttp=creatXMLHttpRequest();
if(xmlhttp!=undefined)
{
try
{
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4 && xmlhttp.status==200)
{
//在这边执行成功处理后的方法
alert(xmlhttp.responseText);
}
}
xmlhttp.open("POST",url,true);
xmlhttp.send(value);
}
catch(e){}
}
else
{
alert("Error");
}
}
//提交操作
function submit()
{
var name=document.getElementById("txtname").value;
sendAjaxRequest("xxxxxx","name="+name.trim());
}
</script>
</head>
<body>
<input type="text" id="txtname" />
<input type="button" val
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
