passing input text value to ajax call

Question

amby 0 Light Poster

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

.net javascript

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

Dani AI

Generated 1 Year Ago

When calling a WebForms page method, the server expects a JSON payload whose property names match the method parameters. Instead of concatenating strings, let jQuery send proper JSON. For example:

$.ajax({
  type: "POST",
  url: "Testing.aspx/SendMessage",
  data: JSON.stringify({ ntid: $("#Eid").val() }),
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function (res) {
    // ASP.NET wraps the return in res.d
    // If you serialized a complex object/JSON string, parse it instead of using eval
    var data = JSON.parse(res.d);
    // ...use data here...
  },
  error: function (xhr) {
    alert(xhr.responseText || xhr.statusText);
  }
});

Server-side checklist for 500 errors: (1) The page method must be public static and parameter names must match the JSON exactly: public static string SendMessage(string ntid). (2) Decorate with [WebMethod] and, if returning JSON, optionally [ScriptMethod(ResponseFormat = ResponseFormat.Json)]. (3) Ensure the URL points to the page containing the method (Testing.aspx/SendMessage) and is correct relative to the app root. (4) If you return complex data, prefer a DTO or Dictionary<string,string> that the serializer can handle cleanly, instead of manually building arrays and Hashtable. (5) Use your browser’s Network tab to confirm the request body is valid JSON and to read the actual server exception message; xhr.responseText is often more informative than statusText. Avoid eval; use JSON.parse for safety.

All 6 Replies

vitana 0 Newbie Poster

16 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 13 Years Ago by Reverend Jim because: Fixed formatting

vitana 0 Newbie Poster

16 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

amby 0 Light Poster

16 Years Ago

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() }

passing input text value to ajax call

Dani AI

Recommended Answers Collapse Answers

All 6 Replies

Recommended Answers