jquery ajax 如何调用后台函数

stillwawagi 2011-12-05 04:48:20

通过点击按钮bt1调用后台函数，弹出对话框之类

...全文

788 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

stillwawagi 2012-02-14

打赏
举报

[Quote=引用 8 楼 stillwawagi 的回复:]

有没实例，不要说网上找，我没找到才提问的。
现在就求个实例能完整点的不要webservice的
[/Quote]
12楼不要webservice的哦

hellNo 2011-12-29

打赏
举报

我给你一完整的例子，你把分散给我吧！



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);

            }

        });

abc.cs



using System.Web.Services;



[WebMethod]

        public static string AjaxText(string mId)//后台要用static，ajax才能传进来

        {//mId一定要和ajax中data一样

            string a = "abc";

            return a; 

        }

够详细不？？分不给我你对的起我吗？？？

chenlin1019 2011-12-26

打赏
举报

<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>

woyesyes 2011-12-13

打赏
举报

$.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();
}
})

woyesyes 2011-12-13

打赏
举报

$.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";
}
})
}

stillwawagi 2011-12-09