调用服务器端功能使用$阿贾克斯 [英] Call server side function using $.ajax

问题描述

最后，我想一个值发送到服务器上的一个按钮，点击查询我的数据库。现在，我使用jquery.ajax调用服务器端功能有问题。这里是我的code：

 ＆LT;％@页标题=LANGUAGE =C＃的MasterPageFile =〜/的Site.MasterAutoEventWireup =真codeBehind =ajax.aspx。 CS继承=WebApplication1.ajax％GT;
＆LT; ASP：内容ID =内容1ContentPlaceHolderID =HeadContent=服务器＆GT;
＆LT; / ASP：内容＆GT;
＆LT; ASP：内容ID =内容2ContentPlaceHolderID =日程地址搜索Maincontent=服务器＆GT;
＆LT;脚本类型=文/ JavaScript的SRC =/脚本/ jQuery的-1.6.2.min.js＆GT;＆LT; / SCRIPT＆GT;
＆LT; SCRIPT LANGUAGE =使用Javascript类型=文/ JavaScript的＆GT;
    如果（jQuery的）{警报（jQuery的装）; }    功能的send（）
    {
        $阿贾克斯（
            {
                键入：搞定，
                网址：ajax.aspx /测试，
                数据：{名称：'OK'}，
                成功：函数（结果）{警报（成功了！）; }
            }）
    }  ＆LT; / SCRIPT＆GT;
  ＆LT;输入类型=按钮=服务器值=TryMe的onclick =派（）/＆GT;
＆LT; / ASP：内容＆GT;[的WebMethod]
    [System.Web.Script.Services.ScriptMethod]
    公共静态字符串测试（字符串送出数据）
    {
        返回的String.Format（你好{0}，送出数据）;
    }
 

解决方案

的 http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/ 此链接可能是有用的。

编辑：你的Ajax调用来看看这样的：

  $阿贾克斯（
            {
                键入：POST，
                的contentType：应用/ JSON的;字符集= UTF-8，
                网址：ajax.aspx /测试，
                数据：{送出数据：'OK'}，
                成功：函数（结果）{警报（成功了！）; }
            }）
 

Ultimately, I'd like to send a value to the server on a button click and query my DB. For now, I'm having trouble using jquery.ajax to call a function on the server side. Here is my code:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ajax.aspx.cs" Inherits="WebApplication1.ajax" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript" src="/Scripts/jquery-1.6.2.min.js"></script>
<script language="Javascript" type="text/javascript">
    if (jQuery) { alert("jQuery loaded"); }

    function send() 
    {
        $.ajax(
            {
                type: "get",
                url: "ajax.aspx/Test",
                data: { name: 'ok' },
                success: function (result) { alert("successful!"); }
            })
    }

  </script>
  <input type="button" runat="server" value="TryMe" onclick="send()" />
</asp:Content>

[WebMethod]
    [System.Web.Script.Services.ScriptMethod]
    public static string Test(string sendData)
    {
        return String.Format("Hello {0}", sendData);
    }

解决方案

http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/ this link could be usefull

EDIT: your ajax call have to look like this:

 $.ajax(
            {
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "ajax.aspx/Test",
                data: "{ sendData: 'ok' }",
                success: function (result) { alert("successful!"); }
            })

这篇关于调用服务器端功能使用$阿贾克斯的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！