javascript - passing input text value to ajax call - Stack Overflow|江阴雨辰互联

I have to pass string entered in the input text to server method calling through jquery ajax. But its not going through. can please somebody tell me what i m doing wrong here. Below is the code:

$.ajaxSetup({    cache: false    timeout: 1000000}); function concatObject(obj) {    strArray = []; //new Array    for (prop in obj) {        strArray.push(prop + " value :" + obj[prop]);    }    return strArray.join();} //var Eid = "stephen.gilroy1"; function testCAll() {    //var ntid = $('#Eid').val();     $.ajax({        type: "POST",        url: "Testing.aspx/SendMessage",        //data: "{'ntid':'stephen.gilroy1'}",       //working        data: "{'ntid': $('#Eid').val()}",        contentType: "application/json; charset=utf-8",        dataType: "json",        success: function(result) {            alert(result.d);            resultData = eval("(" + result.d + ")");            $("#rawResponse").html(result.d);            //$("#response").html(resultData.sn);        },        error: function(result) {            alert("jQuery Error:" + result.statusText);        }    });}$.ajaxSetup({
    cache: false
    //timeout: 1000000
});
function concatObject(obj) {
    strArray = []; //new Array
    for (prop in obj) {
        strArray.push(prop + " value :" + obj[prop]);
    }
    return strArray.join();
}

//var Eid = "stephen.gilroy1";

function testCAll() {
    //var ntid = $('#Eid').val(); 
    $.ajax({
        type: "POST",
        url: "Testing.aspx/SendMessage",
        //data: "{'ntid':'stephen.gilroy1'}",       //working
        data: "{'ntid': $('#Eid').val()}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(result) {
            alert(result.d);
            resultData = eval("(" + result.d + ")");
            $("#rawResponse").html(result.d);
            //$("#response").html(resultData.sn);
        },
        error: function(result) {
            alert("jQuery Error:" + result.statusText);
        }
    });
}

above is js file and below is its aspx file:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Testing.aspx.cs" Inherits="Testing" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ".dtd">

<html xmlns="">
<head runat="server">
    <title></title>
    <script src="jquery.js" type="text/javascript"></script>

    <script src="Testing.js" type="text/javascript"></script>

    <script src="json2.js" type="text/javascript"></script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    Employee's NTID: <input type="text" id = "Eid" name="Employee_NTID" />
        <asp:GridView ID="GridView1" runat="server">
        </asp:GridView>
        <br />
<br />
     <input type="button" onclick="testCAll()" value = "Search"/>

       <div id="rawResponse"></div>
       <hr />
       <div id="response"></div>

    </div>

    </form>
</body>
</html>

I have to pass string entered in the input text to server method calling through jquery ajax. But its not going through. can please somebody tell me what i m doing wrong here. Below is the code:

$.ajaxSetup({    cache: false    timeout: 1000000}); function concatObject(obj) {    strArray = []; //new Array    for (prop in obj) {        strArray.push(prop + " value :" + obj[prop]);    }    return strArray.join();} //var Eid = "stephen.gilroy1"; function testCAll() {    //var ntid = $('#Eid').val();     $.ajax({        type: "POST",        url: "Testing.aspx/SendMessage",        //data: "{'ntid':'stephen.gilroy1'}",       //working        data: "{'ntid': $('#Eid').val()}",        contentType: "application/json; charset=utf-8",        dataType: "json",        success: function(result) {            alert(result.d);            resultData = eval("(" + result.d + ")");            $("#rawResponse").html(result.d);            //$("#response").html(resultData.sn);        },        error: function(result) {            alert("jQuery Error:" + result.statusText);        }    });}$.ajaxSetup({
    cache: false
    //timeout: 1000000
});
function concatObject(obj) {
    strArray = []; //new Array
    for (prop in obj) {
        strArray.push(prop + " value :" + obj[prop]);
    }
    return strArray.join();
}

//var Eid = "stephen.gilroy1";

function testCAll() {
    //var ntid = $('#Eid').val(); 
    $.ajax({
        type: "POST",
        url: "Testing.aspx/SendMessage",
        //data: "{'ntid':'stephen.gilroy1'}",       //working
        data: "{'ntid': $('#Eid').val()}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(result) {
            alert(result.d);
            resultData = eval("(" + result.d + ")");
            $("#rawResponse").html(result.d);
            //$("#response").html(resultData.sn);
        },
        error: function(result) {
            alert("jQuery Error:" + result.statusText);
        }
    });
}

above is js file and below is its aspx file:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Testing.aspx.cs" Inherits="Testing" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery.js" type="text/javascript"></script>

    <script src="Testing.js" type="text/javascript"></script>

    <script src="json2.js" type="text/javascript"></script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    Employee's NTID: <input type="text" id = "Eid" name="Employee_NTID" />
        <asp:GridView ID="GridView1" runat="server">
        </asp:GridView>
        <br />
<br />
     <input type="button" onclick="testCAll()" value = "Search"/>

       <div id="rawResponse"></div>
       <hr />
       <div id="response"></div>

    </div>

    </form>
</body>
</html>

Share Improve this question edited Apr 9, 2010 at 3:10 asked Apr 9, 2010 at 3:04 amby 1392 gold badges6 silver badges12 bronze badges

Add a ment |

3 Answers 3

Sorted by: Reset to default 2

You need to take data: "{'ntid': $('#Eid').val()}", out of quotes.

EDIT Take a look here, the code that's in your question properly attempts to send an ajax request.

EDIT 2 Here you go:

$.ajax({
    type: "POST",
    url: "Testing.aspx/SendMessage",
    data: { ntid: $('#Eid').val()}, // Notice the lack of quotes
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(result) {
        console.log(result.d);
        resultData = eval("(" + result.d + ")");
        //$("#rawResponse").html(result.d);
    },
    error: function(result) {
        alert("jQuery Error:" + result.statusText);
    }
});

data isn't formatted right. You can create the json object outside of the ajax() function to make it easier to manage.

    var keyvalue = {
      ntid : $('#Eid').val()
    };
    $.ajax({
            type: "POST",
            url: "Testing.aspx/SendMessage",
            //data: "{'ntid':'stephen.gilroy1'}",       //working
            data: keyvalue,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(result) {
                alert(result.d);
                resultData = eval("(" + result.d + ")");
                $("#rawResponse").html(result.d);
                //$("#response").html(resultData.sn);
            },
            error: function(result) {
                alert("jQuery Error:" + result.statusText);
            }
    });

Thanks guys! its working now by using this line:

data: "{'ntid': '"+$('#Eid').val()+"'}",

发布者：admin，转转请注明出处：http://www.yc00.com/questions/1744806951a4594832.html

javascript - passing input text value to ajax call - Stack Overflow

3 Answers 3

发表回复

评论列表（0条）

联系我们

400-800-8888

javascript - passing input text value to ajax call - Stack Overflow

3 Answers 3

相关推荐