asp.net 调用jquery ajax

最新推荐文章于 2024-09-09 08:21:44 发布
最新推荐文章于 2024-09-09 08:21:44 发布
阅读量675 收藏
点赞数
分类专栏： ASP.NET 文章标签： asp.net jquery string function webservice user

AjaxTest.aspx:

<!--

    注意使用1.6和1.7的版本的Jquery时调用远程Web Service失败，1.3和1.4的时候远程调用成功，所以调用1.4的版本
--> 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxTest.aspx.cs" Inherits="POCWBS.HTML5.AjaxTest" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Templates</title>
   <script type="text/html" id="personTemplate">
       <div>
            <div style="float:left;"> ID : </div> <div>${UId} </div> 
            <div style="float:left"> Name : </div> <div>${Name} </div> 
            <div style="float:left"> Address : </div> <div>${Address} </div> <br />
       </div>
   </script>

    <!--<script src="../Js/jquery-1.7.2.min.js" type="text/javascript"></script>-->
    <!--
    jquery download address
    http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
    -->
    <script src="../Js/jquery-1.4.2.min.js" type="text/javascript"></script>    
    <script type="text/javascript" language="javascript">

       var personCount;
       $(document).ready(function() {
           PopulatePersons();
           PopulateEmployees();
           PopulateLocalServiceUsers();
           PopulateRemoteServiceUsers();
           CheckValidUser("487464","1");
       });


   
 function PopulatePersons(op) {
             $.ajax({
                 type: "POST",
                 url: "AjaxTest.aspx/GetPersons",
                 contentType: "application/json; charset=utf-8",
                 data: "{}",
                 dataType: "json",
                 success: PersonAjaxSucceeded,
                 error: PersonAjaxFailed
             }); 
         }
        function PersonAjaxSucceeded(result) {
            alert('Person success');
            //DisplayChildren(result);
        }
        function PersonAjaxFailed(result) {
            alert('Person failure');
            alert(result);
        }

        function DisplayChildren(result) {

            var persons = eval(result.d);
            personCount = persons.length;
                $("#personTemplate").tmpl(persons).appendTo($("#divPerson"));
        }
        function AddPerson() {
            var inputs = new Object();
            inputs.count = ++personCount;

            $.ajax({
                type: "POST",
                url: "AjaxTest.aspx/AddPerson",
                contentType: "application/json; charset=utf-8",
                data: JSON.stringify(inputs),
                dataType: "json",
                success: PersonAjaxSucceeded,
                error: PersonAjaxFailed
            });         
        } 
        
        
         function PopulateEmployees() {
             $.ajax({
                 type: "POST",
                 url: "AjaxLogic.aspx/GetEmployees",
                 contentType: "application/json; charset=utf-8",
                 data: "{}",
                 dataType: "json",
                 success: EmployeeAjaxSucceeded,
                 error: EmployeeAjaxFailed
             }); 
         }
         
         function EmployeeAjaxSucceeded(result) {
             alert('Employee success');
            //DisplayChildren(result);
         }
         function EmployeeAjaxFailed(result) {
            alert('Employee failure');
            alert(result);
         }
         
         
         function PopulateLocalServiceUsers() {
             $.ajax({
                 type: "POST",
                 url: "ajaxWebService.asmx/HelloWorld",
                 contentType: "application/json; charset=utf-8",
                 data: "{}",
                 dataType: "json",
                 success: LocalUserAjaxSucceeded,
                 error: LocalUserAjaxFailed
             });            
         }
         
         function LocalUserAjaxSucceeded(result) {
            alert('Local User success');
        }
        function LocalUserAjaxFailed(result) {
            alert('Local User failure');
        }


        var WebServiceURL = "http://localhost/POCWBSWebService/";
        function PopulateRemoteServiceUsers() {
             $.ajax({
                 type: "POST",
                 url: WebServiceURL + "WebService1.asmx/HelloWorld",
                 contentType: "application/json; charset=utf-8",
                 data: "{}",
                 dataType: "json",
                 success: RemoteUserAjaxSucceeded,
                 error: RemoteUserAjaxFailed
             });            
         }
         
        function RemoteUserAjaxSucceeded(result) {
            alert('Remote User success');
        }
        function RemoteUserAjaxFailed(result) {
            alert('Remote User failure');
        }
        
        function CheckValidUser(globalID,password)
        {        
//            var inputs = new Object();
//            inputs.globalID = globalID;
//            inputs.password = password;

//            $.ajax({
//                type: "POST",
//                url: "UserService.asmx/CheckValidUser",
//                contentType: "application/json; charset=utf-8",
//                data: JSON.stringify(inputs),
//                dataType: "json",
//                success: CheckUserAjaxSucceeded,
//                error: CheckUserAjaxFailed
//            });  
        
//            $.ajax({
//                 type: "POST",
//                 url: "UserService.asmx/CheckValidUser",
//                 contentType: "application/json; charset=utf-8",
//                 data:"{'globalID':'487464','password':'1'}",
//                 dataType: "json",
//                 success: CheckUserAjaxSucceeded,
//                 error: CheckUserAjaxFailed
//             });       

            $.ajax({
                 type: "POST",
                 url: WebServiceURL + "UserService.asmx/CheckValidUser",
                 contentType: "application/json; charset=utf-8",
                 data:"{'globalID':'487464','password':'1'}",
                 dataType: "json",
                 success: CheckUserAjaxSucceeded,
                 error: CheckUserAjaxFailed
             });                
         }
         
         function CheckUserAjaxSucceeded(result) 
         {
            alert('Check User success');
            alert(result.d);
         }
         
         function CheckUserAjaxFailed(result) 
         {            
            alert('Check User failure');
            alert(result.responseText);
            alert(result.status);
            alert(result.statusText);
            
         }

   </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    <table>
    <tr><td><input id="Button1" type="button" value="AddMorePerson" οnclick="AddPerson();"/></td></tr>
    <tr><td>
    
        <div id="divPerson" style="font-family:Verdana; font-size:12px;">
            
        
        </div>
    </td></tr>
        
    </table>
       <asp:HiddenField ID="hfPersonData" runat="server" />      
    </div>
    </form>
</body>
</html>

AjaxTest.aspx.cs:

using System;
using System.Web.Services;
using System.Collections.Generic;
using System.Web.Script.Serialization;
using System.Data.OleDb;
using System.Data;



namespace POCWBS.HTML5
{
    public partial class AjaxTest : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        [WebMethod()]
        public static string GetPersons()
        {
            List<Person> persons = new List<Person>()
            {
                new Person { UId = 1, Name = "Brij", Address = "Noida"},
                new Person { UId = 2, Name = "Rahul", Address = "New Delhi" },
                new Person { UId = 3, Name = "John0", Address = "Chris"}
            };

            JavaScriptSerializer ser = new JavaScriptSerializer();
            // ser.Serialize(persons);
            return ser.Serialize(persons);

        }
        [WebMethod()]
        public static string AddPerson(string count)
        {

            List<Person> persons = new List<Person>()
            {
                new Person() { UId = Convert.ToInt32(count), Name = "New Name" + count, Address = "My New Address" + count }
            };

            JavaScriptSerializer ser = new JavaScriptSerializer();
            // ser.Serialize(persons);
            return ser.Serialize(persons);

        }
    }

    public class Person
    {
        public int UId { get; set; }
        public string Name { get; set; }
        public string Address { get; set; }
    }
}

本地工程页面文件 AjaxLogic.aspx.cs

using System;
using System.Web.Services;
using System.Collections.Generic;
using System.Web.Script.Serialization;

namespace POCWBS.HTML5
{
    public partial class AjaxLogic : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        [WebMethod()]
        public static string GetEmployees()
        {
            List<Employee> persons = new List<Employee>()
        {
            new Employee { EmployeeId = 1000, Age=34, Name ="Rahul", 
                Adresses = new List<Address>()},
            new Employee { EmployeeId = 1001, Age=29, Name ="Atul", 
                Adresses = new List<Address>()},
            new Employee { EmployeeId = 1002, Age=32, Name ="Rohan", 
                Adresses = new List<Address>()}

        };
            persons[0].Adresses.Add(new Address() { Street = "Street 5", AddressLine1 = "New Bay Area", AddressLine2 = "Near Roma Hospital", City = "Kolkata", Zip = "221001" });
            persons[0].Adresses.Add(new Address() { Street = "Bahadur marg", AddressLine1 = "Kailash Colony", AddressLine2 = "Near Public School", City = "Lucknow", Zip = "226001" });
            persons[0].Adresses.Add(new Address() { Street = "Ali Crossing", AddressLine1 = "Republic Colony", AddressLine2 = "Silk Garden", City = "Ahamedabad", Zip = "221021" });

            persons[1].Adresses.Add(new Address() { Street = "Street No 2", AddressLine1 = "Pocket Gama", AddressLine2 = "Near Appollo Hospital", City = "G Noida", Zip = "201301" });
            persons[1].Adresses.Add(new Address() { Street = "1634", AddressLine1 = "Sector 15", AddressLine2 = "Near Nirulas", City = "Noida", Zip = "201301" });

            persons[2].Adresses.Add(new Address() { Street = "Street 10", AddressLine1 = "Sector 18", AddressLine2 = "Near Mosaic", City = "Noida", Zip = "201301" });
            persons[2].Adresses.Add(new Address() { Street = "Gol Marg", AddressLine1 = "New Era Colony", AddressLine2 = "Pitambaram", City = "Alllahabad", Zip = "221001" });

            JavaScriptSerializer ser = new JavaScriptSerializer();
            // ser.Serialize(persons);
            return ser.Serialize(persons);
        }

    }


    public class Employee
    {

        public int EmployeeId { get; set; }
        public String Name { get; set; }
        public int Age { get; set; }
        public List<Address> Adresses { get; set; }
    }

    public class Address
    {
        public string Street { get; set; }
        public String AddressLine1 { get; set; }
        public String AddressLine2 { get; set; }
        public string City { get; set; }
        public string Zip { get; set; }
    }

}

本工程内的Web Service 文件ajaxWebService.asmx.cs: 

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
using System.Collections.Generic;
using System.Web.Script.Serialization;

namespace POCWBS.HTML5
{
    /// <summary>
    /// Summary description for ajaxWebService
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [ToolboxItem(false)]
    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
    [System.Web.Script.Services.ScriptService]
    public class ajaxWebService : System.Web.Services.WebService
    {

        [WebMethod]
        public string HelloWorld()
        {
            return "Hello World";
        }

        [WebMethod()]
        public string GetUsers()
        {
            List<User> users = new List<User>()
            {
                new User { UId = 1, Name = "Brij", Address = "Noida"},
                new User { UId = 2, Name = "Rahul", Address = "New Delhi" },
                new User { UId = 3, Name = "John0", Address = "Chris"}
            };

            JavaScriptSerializer ser = new JavaScriptSerializer();
            return ser.Serialize(users);
        } 
    }

    public class User
    {
        public int UId { get; set; }
        public string Name { get; set; }
        public string Address { get; set; }
    } 
}

其他工程的Web Service文件 UserService.asmx.cs

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;

using System.Text;
using System.Data.OleDb;
using System.Collections.Generic;
using System.Web.Script.Serialization;


namespace POCWBSWebService
{
    /// <summary>
    /// Summary description for UserService
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [ToolboxItem(false)]
    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
    [System.Web.Script.Services.ScriptService]
    public class UserService : System.Web.Services.WebService
    {

        [WebMethod]
        public string CheckValidUser(string globalID, string password)
        {
            //string sql = "select * from Customers";
            //Database db = DatabaseFactory.CreateDatabase();
            //DataSet ds = db.ExecuteDataSet(CommandType.Text, sql);
            //return ds;
            string _strMsg = "";
            string _strPath = Server.MapPath("Files/Users.xls");
            try
            {
                string conn = "Provider=Microsoft.Jet.OLEDB.4.0;" +
                "Data Source=" + _strPath + ";" +
                "Extended Properties='Excel 8.0;IMEX=1;'";

                string sql = "select * from [Sheet1$] WHERE [GLOBAL_ID]='" + globalID + "' and [PASSWORD]='" + password + "'";
                OleDbCommand cmd = new OleDbCommand(sql, new OleDbConnection(conn));
                OleDbDataAdapter ad = new OleDbDataAdapter(cmd);
                DataSet ds = new DataSet();
                ad.Fill(ds);
                if (ds.Tables[0].Rows.Count > 0)
                {
                    _strMsg = "succ";
                }
                else
                {
                    _strMsg = "User does not exist or password is not correct.";
                }
            }
            catch (Exception ex)
            {
                _strMsg = "Exception:" + ex.Message.ToString();
            }
            return _strMsg;
        }


        [WebMethod]
        public string GetDatas(String PA, String PB)
        {
            //return DataTable2Json(CreateDatas(PA, PB));
            return string.Format("{0}、{1}", PA, PB);
        }

        //for test
        private System.Data.DataTable CreateDatas(String PA, String PB)
        {
            System.Data.DataTable DT = new System.Data.DataTable("BlogUser");
            System.Data.DataRow dr;
            DT.Columns.Add(new System.Data.DataColumn("UserId", typeof(System.Int32)));
            DT.Columns.Add(new System.Data.DataColumn("UserName", typeof(System.String)));
            DT.PrimaryKey = new System.Data.DataColumn[] { DT.Columns["UserId"] };

            for (int i = 0; i < 8; i++)
            {
                dr = DT.NewRow();
                dr[0] = i;
                dr[1] = "【孟子E章】" + i.ToString() + " 前端传递的参数的值分别是:" + PA + ", " + PB;
                DT.Rows.Add(dr);
            }
            return DT;
        }


        private string DataTable2Json(System.Data.DataTable dt)
        {
            StringBuilder TB = new StringBuilder();
            TB.Append("{\"");
            TB.Append(dt.TableName.ToString());
            TB.Append("\":[");
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                TB.Append("{");
                for (int j = 0; j < dt.Columns.Count; j++)
                {
                    TB.Append("\"");
                    TB.Append(dt.Columns[j].ColumnName);
                    TB.Append("\":\"");
                    TB.Append(dt.Rows[i][j].ToString());
                    TB.Append("\",");
                }
                TB.Remove(TB.Length - 1, 1);
                TB.Append("},");
            }
            TB.Remove(TB.Length - 1, 1);
            TB.Append("]");
            TB.Append("}");
            return TB.ToString();
        }  


        [WebMethod]
        public string HelloWorld()
        {
            return "Hello World";
        }

        [WebMethod()]
        public string GetUsers()
        {
            List<User> users = new List<User>()
            {
                new User { UId = 1, Name = "Brij", Address = "Noida"},
                new User { UId = 2, Name = "Rahul", Address = "New Delhi" },
                new User { UId = 3, Name = "John0", Address = "Chris"}
            };

            JavaScriptSerializer ser = new JavaScriptSerializer();
            return ser.Serialize(users);
        } 
    }

    public class User
    {
        public int UId { get; set; }
        public string Name { get; set; }
        public string Address { get; set; }
    }

}











ceozhg2009
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery Ajax调用asp.net后台方法
06-24 3万+
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。
.NET中使用Jquery和Ajax（二）
123
08-21 9338
接着上一篇的来讲，现在已经初步学会了在HTML页面中调用这些方法来弹出想要的弹窗。 中间有些关于Ajax的get，post方法在这里就不具体提到了，现在主要讲的是通过Ajax来提交数据，并通过我们之前使用的插件。 首先在页面中插入几个HTML控件，包括输入框 和提交按钮，比如：
使用jQuery for Asp.Net 我的开发环境配置
冯瑞涛的博客
01-30 305
　　我的硬件配置： 　　CUP:酷睿双核T7200 　  内存:2G 667  现在电脑2G内存是必须的了，换64bit系统支持更大内存当然更好，我现在条件还不允许：） 　　我的软件配置： 　　Windows Server 2008 sp1 32bit 　　VSTS 2008 sp1 　　SQL Server 2008 　　IE 8 RC1 　　jQuery 1.3  通过 www.jquery...
asp.net调用jqueryajax
马龙宁的专栏
11-14 780
function Ajax1Data(data) { alert(data[0].Name); } $(function () { $("#btn_Ajax1").click(function () { $.ajax({ type: "Get",/
甩掉ashx/asmx，使用jQuery.ajaxWebService请求WebMethod,Ajax处理更加简练
weixin_34006965的博客
06-12 133
序，需要借助于一般处理程序(*.ashx)或web服务(*.asmx)，并且每一个ajax请求，都要建一个这样的文件，如此一来，如 果在一个项目中ajax程序多了，势必会产生一堆的.ashx或.asmx，虽然于程序本身无碍，但那一堆文件看上去总觉得有伤大雅。那么可不可以丢掉这 些.ashx和.asmx，选择一种更简练的方式来做ajax程序呢。答案是肯定的，那就是：WebMethod 。　　首先在 ...
ASP.NET中JQuery+AJAX调用后台
ditan20061218的博客
03-25 279
做订餐系统手机端时，遇到一个问题，实现登录功能时，我要调用后台的方法进行验证和判断。我们应用的是webForm进行开发的，正常情况下只要绑定按钮的方法，前后台对应就可以实现。但是，手机端应用MUI样式之后，就不适用于这种情况了。基于这个问题，我们使用JQuery+Ajax技术，其实MUI中也自带ajax技术。 实现过程： webForm代码： ...
asp.net+jquery+ajax所有调用例子
05-26
在这个“asp.net+jquery+ajax所有调用例子”中，我们将深入探讨如何结合这些技术来实现高效的用户交互。 首先，ASP.NET AJAX提供了UpdatePanel组件，使得页面的部分区域可以异步更新，而无需整个页面的回发。通过在...
asp.net jQuery Ajax用户登录功能的实现
10-29
在本文中，我们将探讨如何使用ASP.NET、jQuery和Ajax实现一个用户登录功能。这个功能是通过将登录表单封装在一个模拟对话框中，利用Ajax无刷新提交数据，从而提供更友好的用户体验。 首先，让我们看看主页面上的...
asp.net使用jquery ajax 小例子
11-14
在本教程中，我们将探讨如何在ASP.NET中利用jQuery的AJAX功能来调用后台处理程序或Web服务。 首先，我们需要理解ASP.NET中的AJAX基础。ASP.NET AJAX库提供了一整套服务，包括UpdatePanel、ScriptManager、...
jQuery.ajax 调用 服务（.aspx，.asmx）
悦儿尚儿的博客
06-12 908
方法： 方法1：Post（json）+IIS下；//aspx，适用本机 $.ajax({             url:"TpgConnect_Rain/postgreService.aspx/getRainInfo",             type: "POST",//使用Post方式请求             contentType: "applicati
ASP.NET中引用JS不能调用JQuery问题 解决
王金龙
12-11 3251
问自己时是该走哪条路，问他人时是悬崖如何爬
asp.net 后台调用jQuery函数
dahaizhiliang的专栏
12-13 5490
关于asp.net 后台调用jQuery函数.这个应该是个比较简单的功能，但是我却被难住了很长时间。最近终于在一个帖子里面找到了。这边记录一下。 这个是前台的js方法： function aa() {   alert("aaaa");   $("#test").slideToggle("100"); } 后台代码调用： 1 Clie
利用JQuery直接调用asp.net后台方法
shan1774965666的专栏
05-21 2153
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。 [WebMethod]   命名空间 1、无参数的方法调用, 注意：1.方法一定要静态方法，而且要有[WebMethod]的声明 后台: 1 2 3 4 5 6 7 using System.Web.Script.Ser
ASP.NET MVC 迅速集成 SignalR
Echo_Wish的博客
09-09 1230
使用 System.Threading.Timer 实现定时任务，每隔一段时间从数据库获取数据并通过 SignalR 更新到客户端。通过以上步骤，你已经成功在 ASP.NET MVC 项目中使用 SignalR 实现了定时任务操作数据库并实时更新网页数据。● 选择 ASP.NET Web Application，命名项目为 RealTimeDataUpdate。首先，创建一个新的 ASP.NET MVC 项目。在项目中安装 SignalR 包，并进行配置。创建一个简单的数据库和模型来存储和获取数据。
秒达开源多功能中文工具箱源码：自部署 全开源 轻量级跨平台 GPT级支持+高效UI+Docker
最新发布
09-09
【秒达开源】多功能中文工具箱源码发布：自部署、全开源、轻量级跨平台，GPT级支持+高效UI，Docker/便携版任选，桌面友好+丰富插件生态 这是一款集大成之作，专为追求高效与便捷的用户量身打造。它不仅支持完全自部署，还实现了彻底的开源，确保每一位开发者都能深入了解其内核，自由定制与扩展。 【秒达开源工具箱】以其轻量级的架构设计，实现了在各类设备上的流畅运行，包括ARMv8架构在内的全平台支持，让您无论身处何地，都能享受到同样的便捷体验。我们深知用户需求的多样性，因此特别引入了类似GPT的智能支持功能，让您的操作更加智能、高效。 与此同时，我们注重用户体验，将高效UI与工具箱功能高度集成，使得界面简洁直观，操作流畅自然。为了满足不同用户的部署需求，我们还提供了Docker映像和便携式版本，让您可以根据实际情况灵活选择。 值得一提的是，我们的工具箱还支持桌面版应用，让您在PC端也能享受到同样的强大功能。此外，我们还建立了丰富的开源插件库，不断扩展工具箱的功能边界，让您的工具箱永远保持最新、最全。 【秒达开源】多功能中文工具箱，作为一款永远的自由软件，我们承诺将持续更新、优化，为
jQuery Ajax调用ASP.NET后台方法详解
"这篇文章主要介绍了如何使用jQuery的$.ajax()方法来调用ASP.NET后台的静态方法，包括无参数的方法调用示例及其注意事项。" 在JavaScript和ASP.NET的前端后端交互中，jQuery的$.ajax()方法是一个非常常用且强大的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值