jquery_$.ajax

首先引用jquery到项目里。

<script src="../js/jquery-1.4.2.js" type="text/javascript"></script> 

<script type="text/javascript">

        //准备ajax回调

        function doAjax() {

            //获取输入值

            var name = document.getElementById('Text1').value;

            var grade = document.getElementById('Text2').value;

 

            $.ajax({

                url: "/test/WebService1.asmx/WS2",

                contentType: "application/json; charset=utf-8",

                type: "POST",

                dataType: "json",

                data: "{s:'" + name + "',z:'" + grade + "'}",//传入数据为json形式，s和z为变量名与后台接收方法的变量参数名是一样的且一定要是一样的。

                success: function(json) {

                    alert(json.d);//此处的json也可起其它名，json为返回对象；json.d为返回数据，

                }

                ,

                error: function(x, e) {

                    alert(x.responseText);

                }

                ,

                complete: function(x) {

                    alert(x.responseText);

                }

            }); 

        }

</script>

 

若要ScriptService可用下面这句要添加到ScriptService里，

[System.Web.Script.Services.ScriptService]

 

[WebMethod]

[ScriptMethod(UseHttpGet = false)]

public string WS2(string s,string z)

{

     string temp = "学校：" + s +","+"年级："+z;

     return temp;

}

 此方法的s和z要和前台data里的s和z一样。

 

var json= eval('(' + string+ ')');//可以把数据由字符串转换成json形式