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" value="提交" onclick="submit()" />
</body>
</html>
[解决办法]
我给你一完整的例子，你把分散给我吧！
jQuery.ajax({ type: "post", async: false, url: "abc.aspx/AjaxText",//后台文件中的方法名！！ data: '{ mId:\"123\"}', //这的mId一定要和后台的参数一致，一个字母都不能错！ contentType: "application/json; charset=utf-8", dataType: "json", cache: false, success: function (data) { //返回的数据用data.d获取内容 alert(data.d) } }, error: function (err) { alert(err); } });