jQuery Ajax imitation AjaxPro.Utility.RegisterTypeForAjax helper method

jQuery Ajax imitation AjaxPro.Utility.RegisterTypeForAjax helper method_jquery

WBOY

Release： 2016-05-16 18:01:45

Original

1104 people have browsed it

In a certain project, I designed a template field engine and implemented it using html jquery. The data here inevitably needs ajax to obtain, but the team has different knowledge of js, so I wrote the following auxiliary class, which can simplify the development of ajax like ajaxpro.
Code-jQueryInvokeMethodAttribute (only method marking is done here, so it is empty):

Copy code The code is as follows:

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

Code -jQueryAjaxUtility (registering scripts and calling ajax events):

Copy code The code is as follows:

 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
namespace Green.Utility 
{ 
public class jQueryAjaxUtility 
{ 
public static string AjaxInvokeParam = "AjaxInvoke"; 
public static string AjaxInvokeValue = "1"; 
public static string ResponseCharset = "UTF-8"; 
protected static System.Web.UI.Page Page 
{ 
get 
{ 
return System.Web.HttpContext.Current.Handler as System.Web.UI.Page; 
} 
} 
public static void RegisterClientAjaxScript(Type type) 
{ 
if (Page != null) 
{ 
if (System.Web.HttpContext.Current.Request[AjaxInvokeParam] == AjaxInvokeValue) 
{ 
RegisterAjaxInvokeEvent(type); 
} 
else 
{ 
RegisterAjaxInvokeScript(type); 
} 
} 
} 
protected static void RegisterAjaxInvokeScript(Type type) 
{ 
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) 
return true; 
return false; 
}).ToList(); 
if (methodinfo != null && methodinfo.Count > 0) 
{ 
System.Text.StringBuilder sb = new StringBuilder(); 
sb.AppendFormat(" window.{0}=function(){{}}; ", type.Name); 
methodinfo.ForEach(t => 
{ 
var parameters = t.GetParameters().Select(p => p.Name).ToArray(); 
sb.AppendFormat(" {2}.{0} = function ({1} ajaxOption) {{", t.Name, parameters.Count() > 0 ? string.Join(",", parameters)   "," : "", type.Name); 
sb.Append("if(ajaxOption==null||typeof ajaxOption=='undefined'){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};", data, t.Name, AjaxInvokeParam, AjaxInvokeValue,Guid.NewGuid().ToString()); 
sb.Append("ajaxOption= jQuery.extend(window.defaultAjaxOption,ajaxOption);"); 
sb.Append("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); 
} 
protected string GenertorScript(Type type) 
{ 
return string.Empty; 
} 
protected static void RegisterAjaxInvokeEvent(Type type) 
{ 
var Request = System.Web.HttpContext.Current.Request; 
var Response = System.Web.HttpContext.Current.Response; 
var method = Request["method"]; 
if (string.IsNullOrEmpty(method)) 
return; 
Response.Clear(); 
var methodinfo = type.GetMethod(method, 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(); 
object[] objs = new object[param.Length]; 
var i = 0; 
param.ToList().ForEach(t => 
{ 
objs[i  ] = Convert.ChangeType(Request[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(); 
Response.Close(); 
Response.End(); 
} 
} 
} 
} 

In order to consider the performance of reflection, the class-level registration script method cache processing jQueryUtilityCache is added. See the demo for details.
Test:
html:

Copy code The code is as follows:

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

As follows:

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

1: Front desk: Copy code

The code is as follows:

_Default.Test("ajax",
{
success: function(e) {

alert(e); }, dataType: "text" }); Backend:

Copy code

 The code is as follows:

[Green.Utility.jQueryInvokeMethod()]
public static string Test(string str)
{

return "hello:" str; } Effect:

2: Front desk ajax:

Copy code

The code is as follows: _Default.TestArrayJson(1, 2, 3,
{
success: function(e) {

$.each(e, function(i, n) { alert( n); }); }, dataType: "json" }) Backend:

 Copy the code 

 The code is as follows:

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

return new int[] { p1, p2, p3 }; } Effect:

3: Front desk ajax:

Copy code

The code is as follows: _Default.TestArrayxml("key", "value",
{
success: function(e) {

alert(e.key); alert(e .Value); }, dataType: "json" })

Backend:

Copy code 

 The code is as follows:

[Green.Utility.jQueryInvokeMethod()]
public static Test TestArrayxml(string key,string value)
{

return new Test() { key=key,Value=value}; } Effect:

Finally take a look at the ajax http header information in FireBug:

Appendix:

Code Download Author: Broken Wolf (cnblogs)

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

jQuery Ajax imitation AjaxPro.Utility.RegisterTypeForAjax helper method_jquery