passing input text value to ajax call

Question

amby 0 Light Poster

14 Years Ago

Hi,
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);
        }
    });
}

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.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/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>

asp.net javascript jquery

4 Contributors
6 Replies
9K Views
9 Years Discussion Span
Latest Post 4 Years Ago Latest Post by anand9796

vitana 0 Newbie Poster

14 Years Ago

json data is not correct. it should be

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

or

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

dependent on your server side functionality

Edited 11 Years Ago by Reverend Jim because: Fixed formatting

vitana 0 Newbie Poster

14 Years Ago

if $('#Eid').val() is string then quote it

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

more flexible way is custom routing
read my article on it. there you can process json object as is without string representation it

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

amby 0 Light Poster · Answer 1 · 2010-04-09T20:45:14+00:00

thanks but still problem is here. i can show my server code too if it helps u in determining my problem. but server side code is running good when i pass values like this:
data: "{'ntid':'stephen.gilroy1'}",

it only making problem when passing value of input textbox. server side method expects string value as an argument. may be there is the problem, that i have to convert it to string first in the server side method then do any processing. below is my C# code:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Text;
//using System.IO;
//using Newtonsoft.Json;
using System.Web.Script.Serialization;
using System.Web.Script.Services;
using System.Collections;


public partial class Testing : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        al2c00.ldap lp = new al2c00.ldap();

        DataTable dt = lp.GetEmployeeDetailsBy_NTID("650FA25C-9561-430B-B757-835D043EA5E5", "stephen.gilroy1");
        GridView1.DataSource = dt;
        GridView1.DataBind();
    }

    //[WebMethod()]
    //[ScriptMethod()]

    [WebMethod]
    public static string SendMessage(string ntid)
    {
        try
        {
            al2c00.ldap ws = new al2c00.ldap();
            Hashtable htPeople = new Hashtable();

            DataTable dt = ws.GetEmployeeDetailsBy_NTID("650FA25C-9561-430B-B757-835D043EA5E5", ntid);
            
            //Creating StringBuilder array for storing keys
            StringBuilder[] empKeys = new StringBuilder[70];

            for (int i = 0; i < empKeys.Length; i++)
            {
                empKeys[i] = new StringBuilder();
            }

            //Creating stringbuilder array for storing key values
            StringBuilder[] empDetails = new StringBuilder[70];

            for (int i = 0; i < empDetails.Length; i++) 
            { 
                empDetails[i] = new StringBuilder(); 
            }

            //putting datatable data to empKeys and empDetails array
            int inc = 0;
            int j = 0;
            foreach (DataRow dr in dt.Rows)
            {
                    foreach (DataColumn dc in dt.Columns)
                    {
                        empKeys[inc].Append(dc.ColumnName);
                        inc++;
                    }
                foreach (DataColumn dc in dt.Columns)
                {
                    empDetails[j].Append(dr[dc]);
                    j++;
                }
            }

            for (int k = 0; k < 70; k++)
            {
                htPeople.Add(empKeys[k].ToString(), empDetails[k].ToString());
            }
                //htPeople.Add(empKeys[2].ToString(), empDetails[2].ToString());


            JavaScriptSerializer jss = new JavaScriptSerializer();
            string output = jss.Serialize(htPeople);
            return output;
        }
        catch(Exception ex)
        {
            return ex.Message + "-" + ex.StackTrace;
        }
    }
}

amby 0 Light Poster · Answer 2 · 2010-04-09T21:33:19+00:00

thanks a lot! it works now. thank u so much

Bhavna_4 0 Newbie Poster · Answer 3 · 2019-02-22T19:27:33+00:00

Hi, 
I am facing similar issue, Please guide:-

$.ajax({
        type: "POST",
        url: "HomePage.aspx/SaveVal",
        data: "{'ShortCode': '" + $('#ShortCode').val() + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: OnSuccess,
        failure: function (response) {
            alert(response.d);
        }
    });
    What is wrong with this? please reply

    I am getting error POST http://localhost:18839/HomePage.aspx/SaveVal 500 (Internal Server Error)

anand9796 -3 Light Poster Banned · Answer 4 · 2019-11-25T06:24:33+00:00

The following way will work

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