我想对服务器进行ajax调用。我需要获取页面的html说foo.aspx: Foo.aspx html:
<form>
<div>foo</div>
</form>
我从远程页面调用此页面,如:
$.ajax({
url: '/foo.aspx',
data: {},
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (response) {
}
});
我需要这个页面的html但我的要求是这个页面的响应应该是JSON格式。即
{"myresponse": {
"id": "123",
"html":<HTML of foo.aspx>,
}}
我需要将html作为json属性,因为我需要从foo.aspx代码后面设置其他属性吗? 如何以json格式而不是普通的html从aspx页面获得响应? 从服务器获取json格式的远程页面+其他属性的HTML的另一种方法是什么?我应该去HTTPHandlers吗?如果是,我如何在该HTTPHandler中获取foo.aspx的html?
答案 0 :(得分:2)
您可能想尝试覆盖页面的渲染方法:
protected override void Render(HtmlTextWriter writer)
{
var sw = new System.IO.StringWriter();
var tw = new HtmlTextWriter(sw);
base.Render(tw);
Response.Write(String.Format("{{\"myresponse\": {{ \"id": \"123",\"html\":\"{0}\"}}}}"
, Server.HtmlEncode(sw.ToString()).Replace("\n"," "));
Response.Flush();
Response.End();
}
对于任何语法错误以及回车的基本处理,我们深表歉意。 我想在page_load期间缓冲输出会更好(Response.BufferOutput = true)
答案 1 :(得分:0)
如果您需要HTML,请将数据类型更改为html。然后,成功事件将返回html作为响应。
类似的东西:
$.ajax({
url: '/foo.aspx',
dataType: 'html',
success: function (data, textStatus, jqXHR) {
alert(data); //data is html.
}
});
答案 2 :(得分:0)
基本上你必须创建一个HTTPHandler,它将Foo.aspx输出包装到你的JSON evenlope中。如上所述,JS调用将是url'/ MyWebHandler?page=foo.aspx',而不仅仅是/foo.aspx。在处理程序中,您只需查询页面并转储其输出即可。
答案 3 :(得分:0)
我改变了jbl稍微重写Render方法的例子,这对我来说非常合适。我不需要HTML编码,只需要应用一些格式并包含内容类型
protected override void Render(HtmlTextWriter writer)
{
var sw = new System.IO.StringWriter();
var tw = new HtmlTextWriter(sw);
base.Render(tw);
var html = sw.ToString();
html = html.Replace("\n", " ");
html = html.Replace("\r", " ");
html = html.Replace("\t", " ");
var data = html.Replace("\"", "\\\"");
data = data.Replace("/", "\\/");
var json = String.Format("{{\"html\":\"{0}\"}}", data);
Response.ContentType = "application/json";
Response.Write(json);
Response.Flush();
Response.End();
}