ajax如何调用后台定义的方法

ajax如何调用后台定义的方法:
由于ajax的独特优势,使得它在当前大量网站得到了广泛的应用,下面就介绍一下ajax如何调用后台定义的函数,虽然比较简单,不过希望能够给初学者带来一定的帮助,代码如下:
1.首先我们先创建一个antzone.aspx页面。
2.在它的cs文件中创建如下函数:

public static string mytest(string first, string second)
{
   return return first+second;
}

2.html代码如下:

<form id="myform" runat="server">
<div>
  <asp:Button ID="bt" runat="server" Text="点击测试" />
</div>
</form>

3.javascript代码如下:

$(function(){
  $("#bt").click(function(){
    $.ajax({
      type:"Post",
      url:"antzone.aspx/mytest",
      data:"{‘first‘:‘蚂蚁部落‘,‘second‘:‘欢迎您‘}",
      contentType:"application/json;charset=utf-8",
      dataType:"json",
      success:function(data){
        //返回的数据用data.d获取内容
        alert(data.d);
      },
      error:function(err){
        alert(err);
      }
    });
    //禁用按钮的提交
    return false;
  });
});

以上代码实现了我们所需要的功能,可以调用后台定义的函数。
代码非常简单这里就不多介绍俄,可以自行分析一下,或者跟帖留言。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9045

更多内容可以参阅:http://www.softwhy.com/jquery/

时间: 2024-10-04 00:04:37

ajax如何调用后台定义的方法的相关文章

LigerUi-js中ajax前台调用后台Json格式转换!(已解决)

LigerUi-js中ajax前台调用后台Json格式转换!(已解决) success: function (data, status) { var aaa = JSON2.stringify(data); alert(aaa ); } LigerUi-js中ajax前台调用后台Json格式转换!(已解决),布布扣,bubuko.com

Ajax - 异步调用后台程序 -JSON

在ASP.NET使用ajax时基本上每个操作都要新建一个.ashx处理程序,页面很多,每个页面的操作也很多,这样的话项目就会产生新建很多很多的.ashx页面,能不能把方法写在后台中,然后Jquery直接调用呢?答案自然是可以的,这样做的话程序就看起来简洁多了. 前段时间下载CSDN上的资源时,我发现它们添加评论的那个功能蛮酷的,点一下 添加 按钮,评论即时显示在了最上方.下午想了下,写了一个Demo,其中 添加评论 的功能就是通过jquery调用后台方法完成的.具体代码如下: 前台页面代码Csd

JS 之 前台调用后台变量和方法

      在我们平时的网站开发过程中,并不是所有的网页都是后台查询出一个DataTable或者List然后绑定到DataGrid上.我们可能还会遇到前台需要后台的某一个变量,或者前台某个显示的地方需要调用一下后台的某一个查询的方法.下面我就给大家列举一个小例子: Asp.Net前台代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta ht

前台调用后台事件和方法实现小结

在实际开发过程中,我们的HTML元素需要调用后台,而且需要让后台进行复杂运算后再进行数据重新绑定操作,遇到这样的问题怎么办呢?可能有人说在后台创建一个方法,该方法实现绑定数据操作,但是实际呢?结果不尽人意,它没有执行绑定的实现,而只是简单的执行一下方法但是前台无反应,为什么出现这样的情况?原来前台调用后台方法其实只是返回结果,对实现过程及元素组合变化不管不问,它只是关注执行后的结果,不为过程买单,那么有什么方法解决这个问题呢?想想?我们可不可以让前台HTML元素触发ASP.NET按钮来触发事件呢

WebFrom模式下前台通过Ajax.Method调用后台方法

1.先添加引用:Ajax.dll; 2.进行配置: 在 system.web 里边添加如下配置: <httpHandlers>   <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax"/>  </httpHandlers> 在system.web 外边添加如下配置: <system.webServer>

ASP.NET中JQuery+AJAX调用后台

做订餐系统手机端时,遇到一个问题,实现登录功能时,我要调用后台的方法进行验证和判断.我们应用的是webForm进行开发的,正常情况下只要绑定按钮的方法,前后台对应就可以实现.但是,手机端应用MUI样式之后,就不适用于这种情况了.基于这个问题,我们使用JQuery+Ajax技术,其实MUI中也自带ajax技术. 实现过程: webForm代码: function login() { var name = document.getElementById("username").value;

前台JS(Jquery)调用后台方法 无刷新级联菜单示例

前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 http://www.dtan.so CasMenu.aspx页面: [html] view plaincopyprint? <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_De

ASP.NET jQuery 事件里调用后台方法

利用js 调用后台写的方法 1 <script src="js/jquery-1.7.1.min.js"></script> 2 2 <script> 3 3 $(function () { 4 4 $(".btn").click(function () { 5 5 $("#txtname").val('<%=Session["Name"]%>'); 6 6 $("#t

ASP.NET中JavaScript 调用后台代码

前序:在不需要右击页面或回发的情况下刷新页面,即JS调用后台代码: 方法一:调用隐藏服务端按钮的点击事件 1.在前端放一个隐藏按钮,将需要调用的后台代码写入OnClick事件中; 2.在前台写一个js函数,函数体为document.getElementById("<%=btnID.ClientID%>").click(); 3.在需要刷新的地方调用js函数,即可调用按钮OnClick事件: 4.此方法适用无返回值: 方法二:JS中直接用<%=MethodName()%