我试图调用一个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,代码隐藏方法似乎没有被执行。 为什么会这样?感谢您的帮助。
答案 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);
}
});