>  기사  >  웹 프론트엔드  >  jQuery Ajax 모방 AjaxPro.Utility.RegisterTypeForAjax 도우미 method_jquery

jQuery Ajax 모방 AjaxPro.Utility.RegisterTypeForAjax 도우미 method_jquery

WBOY
WBOY원래의
2016-05-16 18:01:451108검색

특정 프로젝트에서 템플릿 필드 엔진을 설계하고 html jquery를 사용하여 구현했습니다. 여기서 데이터를 얻으려면 필연적으로 ajax가 필요하지만 팀은 js에 대한 지식이 다르기 때문에 개발을 단순화할 수 있는 다음 보조 클래스를 작성했습니다. 아약스프로 같은 아약스.
Code-jQueryInvokeMethodAttribute(여기에서는 메소드 표시만 수행되므로 비어 있음):

코드 복사 코드는 다음과 같습니다. 다음은 다음과 같습니다.

[AttributeUsage(AttributeTargets.Method, AllowMultiple=false,Inherited=false)]
public class jQueryInvokeMethodAttribute : Attribute
{
}

Code -jQueryAjaxUtility(스크립트 등록 및 Ajax 이벤트 호출):
코드 복사 코드는 다음과 같습니다.

시스템 사용;
System.Collections.Generic 사용;
System.Linq 사용;
System.Text 사용;
네임스페이스 Green.Utility
{
public class jQueryAjaxUtility
{
public static string AjaxInvokeParam = "AjaxInvoke";
공개 정적 문자열 AjaxInvokeValue = "1";
공개 정적 문자열 ResponseCharset = "UTF-8";
보호된 정적 System.Web.UI.Page 페이지
{
get
{
System.Web.HttpContext.Current.Handler를 System.Web.UI.Page로 반환합니다.
}
}
public static void RegisterClientAjaxScript(유형 유형)
{
if (페이지 != null)
{
if (System.Web.HttpContext.Current. 요청[AjaxInvokeParam] == AjaxInvokeValue)
{
RegisterAjaxInvokeEvent(type);
}
else
{
RegisterAjaxInvokeScript(type);
}
}
}
protected static void RegisterAjaxInvokeScript(유형 유형)
{
Page.ClientScript.RegisterClientScriptBlock(type.GetType(), type.GetType().FullName " _" typeof(jQueryAjaxUtility).FullName "_AjaxInvokeDefaultOption", "window.defaultAjaxOption={type:'GET',cache:false, dataType:'text'};", true);
if (!jQueryUtilityCache.Current.Exists(type))
{
var methodinfo = type.GetMethods(System.Reflection.BindingFlags.IgnoreCase | System.Reflection.BindingFlags.Static | System.Reflection.BindingFlags .Public).Where(t =>
{
var attrs = t.GetCustomAttributes(typeof(jQueryInvokeMethodAttribute), false);
if (attrs != null && attrs.Length > 0)
참을 반환합니다.
거짓을 반환합니다.
}).ToList();
if (methodinfo != null && methodinfo.Count > 0)
{
System.Text.StringBuilder sb = new StringBuilder();
sb.AppendFormat(" window.{0}=function(){{}}; ", type.Name);
methodinfo.ForEach(t =>
{
var 매개변수 = t.GetParameters().Select(p => p.Name).ToArray();
sb.AppendFormat(" {2}.{0} = 함수 ({1} ajaxOption) {{", t.Name, 매개변수.Count() > 0 ? string.Join(",", 매개변수) "," : "", 유형 .Name);
sb.Append("if(ajaxOption==null||typeof ajaxOption=='undefine'){ajaxOption={};};"); var url = Page.Request.RawUrl .IndexOf("?") == -1 ? Page.Request.RawUrl : Page.Request.RawUrl.Substring(0, Page.Request.RawUrl.IndexOf("?") )
sb.AppendFormat(" ajaxOption.url = '{0}';", url);
var data = "''";
if (parameters.Count() > 0)
{
data = ( string.Join(" ",parameters.Select(p => string.Format("'&{0}=' {0} ", p)).ToArray()))
data= data.TrimEnd (' ');
}
sb.AppendFormat("ajaxOption.data = 'method={1}&rn={4}&{2}={3}' {0};", 데이터, t .Name, AjaxInvokeParam, AjaxInvokeValue,Guid.NewGuid().ToString());
sb.Append("ajaxOption= jQuery.extend(window.defaultAjaxOption,ajaxOption);"); jQuery.ajax(ajaxOption);};");
});
jQueryUtilityCache.Current.AddScript(type, sb.ToString());
}
}
var script = jQueryUtilityCache.Current.GetScript(type);
Page.ClientScript.RegisterClientScriptBlock(type.GetType(), type.GetType().FullName "_" typeof(jQueryAjaxUtility).FullName "_AjaxInvoke", script, true);
}
보호된 문자열 GenertorScript(유형 유형)
{
return string.Empty;
}
protected static void RegisterAjaxInvokeEvent(유형 유형)
{
var Request = System.Web.HttpContext.Current.Request;
var Response = System.Web.HttpContext.Current.Response;
var method = 요청["method"];
if (string.IsNullOrEmpty(메소드))
return;
Response.Clear();
var methodinfo = type.GetMethod(메서드, System.Reflection.BindingFlags.IgnoreCase | System.Reflection.BindingFlags.Static | System.Reflection.BindingFlags.Public);
if (methodinfo != null)
{
Response.Charset = ResponseCharset;
Response.ContentType = string.Join(",", Request.AcceptTypes);
var param = methodinfo.GetParameters();
객체[] objs = 새 객체[param.Length];
var i = 0;
param.ToList().ForEach(t =>
{
objs[i ] = Convert.ChangeType(요청[t.Name], t.ParameterType);
});
var obj = methodinfo.Invoke(null, objs);
if (obj != null)
{
//序列化
if (!obj.GetType().IsValueType && obj.GetType() != typeof(string))
{
if (Request.AcceptTypes.Contains("text/xml"))
{
Response.Write(Green.Utility.SerializerUtility.XmlSerializer(obj));
}
else if (Request.AcceptTypes.Contains("application/json"))
{
Response.ContentType = "application/json, text/javascript, */*";
Response.Write(Green.Utility.SerializerUtility.JsonSerializer(obj));
}
else
{
Response.Write(obj);
}
}
else
{
Response.Write(obj);
}
}
Response.Flush();
응답.닫기();
응답.끝();
}
}
}
}


리플렉션 성능을 고려하기 위해 jQueryUtilityCache를 처리하는 클래스 수준 등록 스크립트 메서드가 추가되었습니다. 자세한 내용은 데모를 참조하세요.
테스트:
html:
코드 복사 코드는 다음과 같습니다.

< form id="form1" runat="server">

다음과 같습니다:


Green.Utility.jQueryAjaxUtility.RegisterClientAjaxScript(typeof(_Default))


1:
프런트 데스크: 코드 복사
코드는 다음과 같습니다.

_Default.Test("ajax",
{
성공: function(e) {
alert(e);
}, dataType: "text" }) 백엔드:


코드 복사


코드는 다음과 같습니다.


[Green.Utility.jQueryInvokeMethod()]
공개 정적 문자열 Test(string str)
{
return "hello:" str


2: 프런트 데스크 ajax:



코드 복사

코드는 다음과 같습니다. 다음과 같습니다:

image_Default.TestArrayJson(1, 2, 3, {
success: function(e) {
$.each(e, function(i, n) ) { 경고(n) })

}, dataType: "json" }) 백엔드:


코드 복사


코드는 다음과 같습니다.


[Green.Utility.jQueryInvokeMethod()]
public static int[] TestArrayJson( int p1, int p2, int p3 )
{
return new int[] { p1, p2, p3 }


3: 프런트 데스크 ajax:



코드 복사

코드는 다음과 같습니다. 다음과 같습니다:

image_Default.TestArrayxml("key", "value", {
success: function(e) {
alert(e.key);

alert(e .Value); }, dataType: "json" }) 백엔드:



코드 복사


코드는 다음과 같습니다.


[Green.Utility.jQueryInvokeMethod()]
public static Test TestArrayxml(string key,string value )
{
return new Test() { key=key,Value=value}



마지막으로 FireBug에서 ajax http 헤더 정보를 살펴보세요.




부록: 코드 다운로드

작성자: Broken Wolf(cnblogs)image

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.