jQuery AJAX实现调用页面后台方法,jqueryajax

随便页面动态调用购物车数量,不用刷新数据。

jQuery AJAX实现调用页面后台方法,jqueryajax

本文实例为大家分享了jQuery
AJAX调用页面后台方法,供我们参照他事他说加以考察,具体内容如下

1.新建demo.aspx页面。

2.率先在该页面包车型客车后台文件demos.aspx.cs中加上引用。

using System.Web.Services;

1).无参数的方法调用.
我们注意了,那一个版本不能够低于.net framework 2.0。2.0已下不援救的。
后台代码:

[WebMethod]   
public static string SayHello()   
{   
   return "Hello Ajax!";   
}  

JS代码:

$(function() {   
  $("#btnOK").click(function() {   
    $.ajax({   
      //要用post方式   
      type: "Post",   
      //方法所在页面和方法名   
      url: "Demo.aspx/SayHello",   
      contentType: "application/json; charset=utf-8",   
      dataType: "json",   
      success: function(data) {   
        //返回的数据用data.d获取内容   
        alert(data.d);   
      },   
      error: function(err) {   
        alert(err);   
      }   
    });   

    //禁用按钮的提交   
    return false;   
  });   
});  

页面代码:

  <form id="form1" runat="server">
  <div>
    <asp:Button ID="btnOK" runat="server" Text="验证用户" />
  </div>
  </form>

运营作效果果如下:

图片 1

2).有参数方法调用
后台代码:

[WebMethod]   
public static string GetStr(string str, string str2)   
{   
  return str + str2;   
} 

JS代码:

$(function() {   
  $("#btnOK").click(function() {   
    $.ajax({   
      type: "Post",   
      url: "demo.aspx/GetStr",   
      //方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字   
      data: "{'str':'我是','str2':'XXX'}",   
      contentType: "application/json; charset=utf-8",   
      dataType: "json",   
      success: function(data) {   
        //返回的数据用data.d获取内容   
         alert(data.d);   
      },   
      error: function(err) {   
        alert(err);   
      }   
    });   

    //禁用按钮的提交   
    return false;   
  });   
}); 

运行效果如下:

图片 2

3).重返数组方法
后台代码:

[WebMethod]   
public static List<string> GetArray()   
{   
  List<string> li = new List<string>();   

  for (int i = 0; i < 10; i++)   
    li.Add(i + "");   

  return li;   
}  

JS代码:

$(function() {   
  $("#btnOK").click(function() {   
    $.ajax({   
      type: "Post",   
      url: "demo.aspx/GetArray",   
      contentType: "application/json; charset=utf-8",   
      dataType: "json",   
      success: function(data) {   
        //插入前先清空ul   
        $("#list").html("");   

        //递归获取数据   
        $(data.d).each(function() {   
          //插入结果到li里面   
          $("#list").append("<li>" + this + "</li>");   
        });   

        alert(data.d);   
      },   
      error: function(err) {   
        alert(err);   
      }   
    });   

    //禁用按钮的提交   
    return false;   
  });   
}); 

页面代码:

<form id="form1" runat="server">
<div>
  <asp:Button ID="btnOK" runat="server" Text="验证用户" />
</div>
<ul id="list">
</ul>
</form>

运作结果图:

图片 3

jQuery
AJAX实现调用页面后台方法就为我们介绍到这,希望对我们的读书抱有启示。

AJAX达成调用页面后台方法,jqueryajax
本文实例为大家享受了jQuery
AJAX调用页面后台方法,供大家参考,具体内容如下
1.新建demo.aspx页面…

 

何况适用于帝国CMS6.6、7.0

本文由本身编写,实为离任移交文书档案的一篇,发到CSDN上以供沟通,款待拍砖。

新建七个buycarjs.php文件放在/e/shopsys/buycar/下,代码如下:

 

?phprequire("../../class/connect.php");require("../../class/q_functions.php");require("../../class/db_sql.php");require("../../data/dbcache/class.php");eCheckCloseMods('shop');//关闭模块$link=db_connect();$empire=new mysqlquery();$editor=1;$buycar=getcvar('mybuycar');$record="!";$r=explode($record,$buycar);$count=count($r)-1;?document.write(" ?=$count? ");

 

模板页面调用代码:

 

a href="/e/ShopSys/buycar/" target="_blank"购物车script src="/e/ShopSys/buycar/buycarjs.php"/script件/a

编写指标:本文珍视阐释在iOS系统上通用的地头Objective-C代码与基于Javascript的Web的施用的互操作的基本方法,并经过切实楷模表明两种代码的人机联作格局;

阅读前提:熟谙iOS系统的UIWebView的功效、调用方法,相应的UIWebViewDelegate委托的施用方法,并驾驭Javascript函数的基本语法与函数调用方法;

说明:正文部分深玫瑰蟹灰字身体表面示Javascript代码,水泥灰字体部分代表Objectvie-C代码(无法贴格式了,将就看呢:(State of Qatar;**

正文:

1.       Objective-C调用Javascript方法:

前提:

UIWebView已经完全加载成功包涵供给调用的页面(注:在UIWebViewDelegate托管中经过监视– (void)webViewDidFinishLoad:(UIWebView
*)webView
调用来规定页面是不是加载成功)。

方法:

如果某视图对象的子视图属性self.webview加载的页面包涵如下Javascript函数:

function getString(){ return “Hello
javascript!”;}

並且该函数在该页面上可被不奇怪调用,则能够透过形如下边的Objectvie-C方法调用此函数:

NSString *str = [self.webview
stringByEvaluatingJavaScriptFromString:@”getString();”];

该函数调用实际模拟了页面上的叁次Javascript函数调用,因而在该函数内部任何有效的Javascript代码都可被实践!该Objective-C代码再次来到值为被调用的Javascript代码的重临值,在上例中,str的值将被赋为@”Hello
javascript!”。

被调用的函数能够分包字符串或数值型的参数。若调用的Javascript函数名称饱含参数,需确认保证传进去的参数的格式正确,特别是字符串参数的引号超级轻松被忽视。

2.       系统响应页面Javascript代码:

前提:

       内需达成UIWebViewDelegate的

  • (BOOL)webView:(UIWebView *)webView

shouldStartLoadWithRequest:(NSURLRequest *)request

navigationType:(UIWebViewNavigationType)navigationType;

托管函数(以下简单的称呼跳转监视函数)并将完毕了该托管函数的靶子设置为UIWebView的delegate。

方法:

       UIWebView的近来页面将要被Javascript代码通过以下办法转变的时候,会调用上述跳转监视函数:

      
window.location.href=”;

那会儿贯彻了该托管公约的对象的跳转监视函数会被调用,通过如下代码监视浏览器跳转的地址:

       NSString *url = [[request URL]
absoluteString];

若该托管函数重临值为NO,则页面UIWebView的页面跳转将被否定。利用这一思路,监视页面上的特定格式的跳转地址加以阻碍,并试行相应的地点代码,就可以兑现Javascript与Objective-C代码的相互。

       比如,规定拦截U宝马X5L地址前缀为”objc:”的有着地点,况且用if…else…语句决断本地供给试行的代码,则贯彻形如以下格式的Objective-C托管函数:

  • (BOOL)webView:(UIWebView *)webView

shouldStartLoadWithRequest:(NSURLRequest *)request

navigationType:(UIWebViewNavigationType)navigationType

{

NSString *urlString = [[request URL]
absoluteString];

       NSArray *urlComps = [urlString
componentsSeparatedByString:@”:”];

       if([urlComps count] && [[urlComps
objectAtIndex:o] isEqualToString:@”objc”])

       {

              NSString *funcStr = [urlComps
objectAtIndex:1];

              if([funcStr
isEqualToString:@”doFunc1″])

              {

                     /*调用本地函数1*/

              }

              else if([funcStr
isEqualToString:@”doFunc2″])

              {

                     /*调用本地函数2*/

              }

              return NO;

       }

       return YES;

}

当必要调用本地函数1时,能够透过如下Javascript函数举办:

       window.location.href=”objc:doFunc1”;

依据上述思路,能够完善通过Javascript调用本地带参数的Objective-C代码。

 

版权表明:本文为博主原创文章,未经博主允许不得转发。


You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图