使用WebService进行Jquery Ajax

时间:2015-01-11 17:50:14

标签: c# jquery ajax

我正在尝试为Web服务创建一个AJAX调用但没有任何反应。我想在输入框中输入一个数字,将其提交给网络服务,计算并将其提交回另一个输入框。

$(document).ready(function() {
    $('#Num').change(function(){
        $.ajax({
            type: "GET",
            url: "test5handler.ashx",
            data: { Num: $('#Num').val() },
            error: {alert("Something went wrong")},
            success: function(msg){
                $('#resultNum').val(msg);
            }
        });
    });
});

<form id="form1" runat="server">
<div>
    Please enter a Number:
    <input type="text" id="Num">
    <br />
    <input type="text" id="resultNum">
</div>
</form>

public class test5handler : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        string Num = context.Request.QueryString["Num"];
        Double adjNum = Double.Parse(Num);
        Double Total = (adjNum*5);
        context.Response.Write(Total);
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

1 个答案:

答案 0 :(得分:0)

您使用过:

$('#searchip')

但我看不到你的DOM中有id="searchip"的任何元素。

我猜你的意思是:

$('#Num')

因为那是输入字段的id

我也会替换它:

data: 'Num=' + $('#Num').val(),

使用:

data: { Num: $('#Num').val() },

确保正确编码值。