Использование JQuery для вызова WebMethod - PullRequest
Новая
       13

Использование JQuery для вызова WebMethod

11 голосов
/ 19 февраля 2009

У меня проблемы с проникновением в мой Search WebMethod из моего вызова JQuery. Может быть, кто-то может помочь указать мне правильное направление.

Я также упаковал все в zip-файл, если кто-то захочет проверить его для более детального изучения.

http://www.filedropper.com/jsonexample

Спасибо Райан 

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!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>JSON Example</title>
    <script type="text/javascript" language="JavaScript" src="jquery-1.3.1.min.js"></script>

<script type="text/javascript" language="javascript">

function Search() {
    var search = $("#searchbox").val();
    var options = {
        type: "POST",
        url: "Default.aspx/Search",
        data: "{text:" + search + "}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            alert('Success!');
        }
    };
    $.ajax(options);
}
</script>

</head>
<body>
    <form id="form1" runat="server">
        <input type="text" id="searchbox" size="40" />
        <a href="#" onclick="Search()" id="goSearch">Search</a>
        <br />        
        <div id="Load" />
    </form>
</body>
</html>

А вот код для default.aspx 

 Imports System.Data
    Imports System.Web.Services
    Imports System.Web.Script.Serialization

    Partial Class _Default
        Inherits System.Web.UI.Page

        <WebMethod()> _
        Public Shared Function Search(ByVal text As String) As IEnumerable
            Return "test"
        End Function

    End Class

Ответы [ 2 ]

15 голосов
/ 19 февраля 2009

Чтобы решить такую ​​проблему, первое, что нужно сделать, это посмотреть в Firebug.

Если щелкнуть ссылку «Поиск» и посмотреть запрос / ответ POST в консоли Firebug, вы увидите, что выдается ошибка сервера 500: недопустимый примитив JSON.

Причина этого в том, что идентификаторы ключ / значение в вашем JATA-литерале «data» не заключены в кавычки. Строка 17 должна быть: 

data: "{'text':'" + search + "'}",

Тогда все будет работать как положено.

Примечание: Предлагаемые данные {test: search} будут не работать. Если вы предоставите jQuery фактический литерал JSON вместо строки, он преобразует это в пару ключ / значение test = search и POST вместо JSON. Это также приведет к тому, что ASP.NET AJAX ScriptService или PageMethod вызовут ошибку «Недопустимый примитив JSON».

6 голосов
/ 19 февраля 2009

Вам нужно сделать следующее (C #):

  • WebMethod должен быть public static
  • Должен быть украшен атрибутом [WebMethod]
  • Вам необходим ScriptManager на вашей странице .aspx
  • Установить ScriptManager EnablePageMethods="true"

А вот несколько примеров javascript: 

$().ready(function() {
    $(yourDropDownList).change(LoadValues);
});


function LoadValues() {
    PageMethods.YourMethod(arg1, CallSuccess, CallFailed);
}

function CallFailed(result) {
    alert('AJAX Error:' + result.get_message());
}

function CallSuccess(result) {
    //do whatever you need with the result
}
...