CODEWITHSUNDEEP
jqueryasp.netajaxvb.netasp.net-ajax
lexx
lexx

Reputation: 37

VB.NET code behind doesn't get the data from AJAX request

I would be happy if you could help me. I have a problem getting data in Page_Load that should come from AJAX request. I do an AJAX request:

$.post({
            url: 'pdf.aspx',
            //data: { ID: '1833' },
            data: 'id=1833',
            dataType: 'text',
            type: 'post',   
            contentType: 'application/x-www-form-urlencoded; charset=UTF-8',

            success: function (data, textStatus, jQxhr) {
                console.log("sssss " + data);
            },
            failure: function (msg) {
                console.log("fffff " + msg);
            },
            error: function (jqXhr, textStatus, errorThrown) {
               console.log(errorThrown);
            }
        });

And I have code behind:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) 
  Handles Me.Load

    Dim ID = Request.Form("id")
    Response.Write(ID)

End Sub

As a result I get nothing to ID variable. I tried all possible options, but still have a problem. Any ideas? Thank you for any answer!

Upvotes: 0

Views: 5976

Answers (1)

kblau
kblau

Reputation: 2107

Here is your aspx:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="VisualBasicWebForm.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.12.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#theBtn").click(function () {
                $.post({
                    url: 'WebForm1.aspx/GetData',
                    type: 'POST',
                    //using get all textbox selector-you can use a different selector
                    data: '{ID: "' + $(":text").attr("ID") + '" }',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data, textStatus, jQxhr) {
                        //don't forget the .d
                        alert("sssss " + data.d);
                    },
                    error: function (jqXhr, textStatus, errorThrown) {
                        console.log(errorThrown);
                    }
                });
            })
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox runat="server" ID="passToServer" />
            <input type="button" id="theBtn" value="Go" />
        </div>
    </form>
</body>
</html>

Here is your code behind:

Imports System.Web.Services

Public Class WebForm1
Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As    System.EventArgs) Handles Me.Load
End Sub

<WebMethod()>
Public Shared Function GetData(ByVal ID As String) As String
    'Dim ID = Request.Form("id")
    'Response.Write(ID)
    'Instead of the above, you can put a breakpoint on the next line to see value of ID

    'Also returning ID so it is display, in your case sent to console.log
    Return ID
End Function
End Class

Upvotes: 5

Related Questions