How do I use a TextBox in a JSON string

Question

0.00/5 (No votes)

See more:

The TextBox1 is not registering a number or string when typed in before the Button1 is pressed executing GetDateTime():

JavaScript

var jsonid = $("#<%= TextBox1.ClientID %>").text();
var json1 = "{'id': '" + jsonid + "'}";

There is no error code there is just nothing printed out after "ID:".
Default.aspx

JavaScript

<script type="text/javascript" src="../Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
    function GetDateTime() {
        var jsonid = $("#<%= TextBox1.ClientID %>").text();
        var json1 = "{'id': '" + jsonid + "'}";
        $.ajax
        ({
            type: "POST",
            url: "Default.aspx/GetServerDateTime",
            data: json1,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (result) {
                alert(result.d);
            },
            error: function (status, ex) {
                alert("Error Code: Status: " + status + " Ex: " + ex);
            }
        });
    }
</script>

ASP.NET

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="AJAX" OnClick="Button1_Click" />

Default.aspx.cs

C#

protected void Button1_Click(object sender, EventArgs e)
{
    ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "javascript", "Javascript:GetDateTime();", true);
}
[System.Web.Services.WebMethod]
public static string GetServerDateTime(string id)
{
    string datetimeid1 = "ID: " + id + " Date&Time: " + DateTime.Now.ToString("MM/dd/yyyy hh:mm:ss tt");
    return datetimeid1;
}

Posted 7-Nov-14 8:34am

Teledextri

Updated 7-Nov-14 9:33am

Afzaal Ahmad Zeeshan

v3

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Answer 1 · 2014-11-07T09:24:00

Assuming you want the value of the textbox, use the .val() method[^].

You'll also need to properly encode the text before inserting it into a JSON string. You can use the JSON.stringify(...) function[^] to convert a javascript object to JSON. It's supported in all modern browsers[^], including IE8+. If you need support for earlier browsers, Douglas Crockford provides a polyfill[^] on GitHub.

JavaScript

var jsonid = $("#<%= TextBox1.ClientID %>").val();
var json1 = JSON.stringify({id: jsonid});

Afzaal Ahmad Zeeshan · Answer 2 · 2014-11-07T09:31:00

That is because you call and get the value of the input fields not their text. Text method is to get the visual representation of the HTML markup. Inputs don't provide anything like that, they just provide you with a value provided by the user.

This would work for you,

JavaScript

// get the val()
var jsonid = $("#<%= TextBox1.ClientID %>").val();

But since you JSON seems to be asking for an id, why not simply put the value of that variable there instead of getting text or value?

http://api.jquery.com/val/[^]

How do I use a TextBox in a JSON string

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0