从ajax调用WebMethod,控制不进入webmethod

时间:2016-08-20 08:27:16

标签: jquery asp.net webmethod

我试图调用一个codebehind方法,成功:jquery部分的function()被执行,但是控件似乎没有进入被调用的codebehind方法。 aspx页面:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication6.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script>
    $(document).ready(function () {

        //$("#Button1").click();

    $.ajax({
    type: "POST",
    url: '<%=ResolveUrl("WebForm1.aspx/Method1")%>',
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown);
    },
    success: function (result) {
        $("#test").html("success");
    }
    });
    })

</script>
</head>
<body>
<form id="form1" runat="server">
     <asp:ScriptManager ID="ScriptManager" runat="server" EnablePartialRendering="true" EnablePageMethods="True" />

<div>
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>               
</div>
    <div id="test">initial</div>

</form>

aspx.cs代码:

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;

namespace WebApplication6
{
public partial class WebForm1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    [System.Web.Services.WebMethod()]
    [System.Web.Script.Services.ScriptMethod()]
    public static void Method1()
    {
        WebForm1 w = new WebForm1();
        w.Label1.Text = "code behind";
    }

}

}

输出:

Label
success

输出让我得出结论:成功:jquery的function()被执行(如$(&#34; #test&#34;)。html(&#34; success&#34;);似乎被执行了) ,但Label1文本仍然是Label,代码隐藏方法似乎没有被执行。 为什么会这样?感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

问题是客户端与服务器端。使用ASP脚本Ajax请求时必须了解的内容。

首先,JavaScript代码在客户端计算机上运行,​​而ASP.net正在运行服务器端。

当使用js执行ajax请求时,它需要来自服务器的一些结果,通常是json,xml,内存流。您可以在客户端获取此信息并对其执行某些操作。

当您执行以下内容时:w.Label1.Text = "code behind";在Web方法请求的服务器端工作,因为您不进行整页刷新,服务器生成asp.net控件的值。

为了使你的代码能够工作,你应该写这样的东西

public class Result
 {
     public string State{get;set;}
     public string Message{get;set;}
 }

public static Result Method1()
 {
     return new Result{State="Success",Message="code behind" };
 }

JS:

$.ajax({
    type: "POST",
    url: '<%=ResolveUrl("WebForm1.aspx/Method1")%>',
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown);
    },
    success: function (result) {
        $("#test").html(result.State);
        $("#Label1").html(result.Message);
    }
    });