asp.net调用jqueryajax

最新推荐文章于 2021-08-05 15:15:16 发布
最新推荐文章于 2021-08-05 15:15:16 发布
阅读量774 收藏
点赞数
分类专栏： asp.net 文章标签： asp.net jquery ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/malongning/article/details/16331043
版权 
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script>
        
        function Ajax1Data(data) {
            alert(data[0].Name);
        }
        $(function () {
            $("#btn_Ajax1").click(function () {
                $.ajax({
                    type: "Get",//默认，后台取参数：Request.Params[""]
                    url: "btnAjaxGet.ashx",//此处名字后不能带数字，不然就调不到，奇怪
                    //方法传参的写法一定要对，str为形参的名字,str2为第二个形参的名字   
                    data: { "value1": '万事如意', "value2": $('#txtCs').val(), "value3": '牛牛牛GET' },
                    //contentType: "application/json; charset=utf-8",//加不加这个设置，都能用Request.Params[""]获取参数
                    dataType: "json",
                    success: function (data) {
                        t = "<table border='1'>";
                        $.each(data, function (i, item) {
                            t += "<tr>";
                            t += "<td>" + item.ID + "</td>";
                            t += "<td>" + item.Name + "</td>";
                            t += "<td>" + item.Address + "</td>";
                            t += "</tr>";
                        })
                        t += "</table>";
                        $("#show").html(t);
                    },
                    error: function (err) {
                        alert(err);
                    }
                });
                //禁用按钮的提交   
                return false;
            });

            $("#btn_Ajax2").click(function () {
                $.post("btnAjaxPostSimple.ashx",
                    {
                        "FunName": "参数", "Value": $('#txtCs').val()
                    },
                    function (data) {
                        debugger;
                        data = jQuery.parseJSON(data);//将字符串转为json对象

                        t = "<table border='1'>";
                        $.each(data, function (i, item) {
                            t += "<tr>";
                            t += "<td>" + item.ID + "</td>";
                            t += "<td>" + item.Name + "</td>";
                            t += "<td>" + item.Address + "</td>";
                            t += "</tr>";
                        })
                        t += "</table>";
                        $("#show").html(t);

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

            $("#btn_Ajax3").click(function () {
            $.ajax({
                type: "Post",
                url: "Ajax.aspx/getValueByAjaxByParms",
                //方法传参的写法一定要对，str为形参的名字,str2为第二个形参的名字   
                data: "{'str':'我是','str2':'" + $('#txtCs').val() + "','str3':'是不是？'}",//data后参数要带双引号
                contentType: "application/json; charset=utf-8",//此处必须设置
                dataType: "json",
                success: function (data) {
                    //返回的数据用data.d获取内容   
                    alert(data.d);
                    data = jQuery.parseJSON(data.d);//将字符串转为json对象

                    t = "<table border='1'>";
                    $.each(data, function (i, item) {
                        t += "<tr>";
                        t += "<td>" + item.ID + "</td>";
                        t += "<td>" + item.Name + "</td>";
                        t += "<td>" + item.Address + "</td>";
                        t += "</tr>";
                    })
                    t += "</table>";
                    $("#show").html(t);
                },
                error: function (err) {
                    alert(err);
                }
            });
            return false;
            });

            $("#btn_Ajax").click(function () {
                $.ajax({
                    type: "post",
                    url: "AjaxHandler.ashx",
                    data: { "value1": '万事如意', "value2": $('#txtCs').val(), "value3": '牛牛牛POST' },             //参数要对应
                    //contentType: "application/json; charset=utf-8",//此处不用设置，不然在post方式下后台无法取到值
                    dataType: "json",
                    success: function (data) {
                        t = "<table border='1'>";
                        $.each(data, function (i, item) {
                            t += "<tr>";
                            t += "<td>" + item.ID + "</td>";
                            t += "<td>" + item.Name + "</td>";
                            t += "<td>" + item.Address + "</td>";
                            t += "</tr>";
                        })
                        t += "</table>";
                        $("#show").html(t);
                    }
                });
                return false;
            });
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="txtCs" type="text" />
        <input value="Post" type="button" id="btn_Ajax" />
        <input value="Get" type="button" id="btn_Ajax1"/>
        <input value="$.post" type="button" id="btn_Ajax2" />
        <input value="WebMoth" type="button" id="btn_Ajax3" />
        
    </div>
        <div id="show">
        </div>
    </form>
</body>
</html>

using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.UI;
using System.Web.UI.WebControls;

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

        }

        //带参数
        [WebMethod]
        public static string getValueByAjaxByParms(string str, string str2, string str3)
        {
            DataTable dt = new DataTable();           
            
            dt.TableName = "mytablename";
            dt.Columns.Add("ID", typeof(Int32));
            dt.Columns.Add("Name", typeof(string));
            dt.Columns.Add("Address", typeof(string));

            DataRow drNew = dt.NewRow();
            drNew["ID"] = 0;
            drNew["Name"] = "传递参数";
            drNew["Address"] = str + str2 + str3;
            dt.Rows.Add(drNew);
            for (int i = 0; i < 5; i++)
            {
                DataRow dr = dt.NewRow();
                dr["ID"] = i.ToString();
                dr["Name"] = "JSON" + i.ToString();
                dr["Address"] = "中国-北京-海淀" + i.ToString() + "号";
                dt.Rows.Add(dr);
            }
            string strss = JsonConvert.SerializeObject(dt);
            return strss;           
        }

        [WebMethod]
        public static string GetData()
        {

            DataTable dt = new DataTable();
            dt.TableName = "mytablename";
            dt.Columns.Add("ID", typeof(Int32));
            dt.Columns.Add("Name", typeof(string));
            dt.Columns.Add("Address", typeof(string));
            for (int i = 0; i < 5; i++)
            {
                DataRow dr = dt.NewRow();
                dr["ID"] = i.ToString();
                dr["Name"] = "JSON" + i.ToString();
                dr["Address"] = "中国-北京-海淀" + i.ToString() + "号";
                dt.Rows.Add(dr);
            }
            string strss = JsonConvert.SerializeObject(dt);
            return strss;
        }
    }
}












/// <summary>
    /// AjaxHandler 的摘要说明
    /// </summary>
    public class AjaxHandler : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            string value1 = context.Request.Form["value1"] ?? "";
            string value2 = context.Request.Form["value2"] ?? "";
            string value3 = context.Request.Form["value3"] ?? "";

            value1 = context.Request.Params["value1"] ?? "";
            value2 = context.Request.Params["value2"] ?? "";
            value3 = context.Request.Params["value3"] ?? "";

            DataTable dt = new DataTable();
            dt.TableName = "mytablename";
            dt.Columns.Add("ID", typeof(Int32));
            dt.Columns.Add("Name", typeof(string));
            dt.Columns.Add("Address", typeof(string));
            DataRow drNew = dt.NewRow();
            drNew["ID"] = 0;
            drNew["Name"] = "传递参数";
            drNew["Address"] = value1+value2+value3;
            dt.Rows.Add(drNew);
            for (int i = 1; i < 5; i++)
            {
                DataRow dr = dt.NewRow();
                dr["ID"] = i.ToString();
                dr["Name"] = "JSON" + i.ToString();
                dr["Address"] = "中国-北京-海淀" + i.ToString() + "号";
                dt.Rows.Add(dr);
            }
            
            string strss = JsonConvert.SerializeObject(dt);
            //strss = "[{\"demoData\":\"This Is The JSON Data\"}]";
            context.Response.Charset = "UTF-8";
            context.Response.ContentEncoding = System.Text.Encoding.UTF8;
            context.Response.Expires = 0;
            context.Response.Write(strss);
            context.Response.End();
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }



/// <summary>
    /// btnAjaxGet 的摘要说明
    /// </summary>
    public class btnAjaxGet : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            string value1 = context.Request.Form["value1"] ?? "";
            string value2 = context.Request.Form["value2"] ?? "";
            string value3 = context.Request.Form["value3"] ?? "";

            value1 = context.Request.Params["value1"] ?? "";
            value2 = context.Request.Params["value2"] ?? "";
            value3 = context.Request.Params["value3"] ?? "";


            DataTable dt = new DataTable();
            dt.TableName = "mytablename";
            dt.Columns.Add("ID", typeof(Int32));
            dt.Columns.Add("Name", typeof(string));
            dt.Columns.Add("Address", typeof(string));
            DataRow drNew = dt.NewRow();
            drNew["ID"] = 0;
            drNew["Name"] = "传递参数";
            drNew["Address"] = value1 + value2 + value3;
            dt.Rows.Add(drNew);
            for (int i = 1; i < 5; i++)
            {
                DataRow dr = dt.NewRow();
                dr["ID"] = i.ToString();
                dr["Name"] = "JSON" + i.ToString();
                dr["Address"] = "中国-北京-海淀" + i.ToString() + "号";
                dt.Rows.Add(dr);
            }

            string strss = JsonConvert.SerializeObject(dt);
            //strss = "[{\"demoData\":\"This Is The JSON Data\"}]";
            context.Response.Charset = "UTF-8";
            context.Response.ContentEncoding = System.Text.Encoding.UTF8;
            context.Response.Expires = 0;
            context.Response.Write(strss);
            context.Response.End();
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }



/// <summary>
    /// btnAjaxPostSimple 的摘要说明
    /// </summary>
    public class btnAjaxPostSimple : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            string value1 = context.Request.Form["FunName"] ?? "";
            string value2 = context.Request.Form["Value"] ?? "";

            value1 = context.Request.Params["FunName"] ?? "";
            value2 = context.Request.Params["Value"] ?? "";
            


            DataTable dt = new DataTable();
            dt.TableName = "mytablename";
            dt.Columns.Add("ID", typeof(Int32));
            dt.Columns.Add("Name", typeof(string));
            dt.Columns.Add("Address", typeof(string));
            DataRow drNew = dt.NewRow();
            drNew["ID"] = 0;
            drNew["Name"] = value1;
            drNew["Address"] = value2;
            dt.Rows.Add(drNew);
            for (int i = 1; i < 5; i++)
            {
                DataRow dr = dt.NewRow();
                dr["ID"] = i.ToString();
                dr["Name"] = "JSON" + i.ToString();
                dr["Address"] = "中国-北京-海淀" + i.ToString() + "号";
                dt.Rows.Add(dr);
            }

            string strss = JsonConvert.SerializeObject(dt);
            //strss = "[{\"demoData\":\"This Is The JSON Data\"}]";
            context.Response.Charset = "UTF-8";
            context.Response.ContentEncoding = System.Text.Encoding.UTF8;
            context.Response.Expires = 0;
            context.Response.Write(strss);
            context.Response.End();
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }








                

        

        

    




    

      

        

            

              
                
                  malongning
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
asp.net+jquery+ajax所有调用例子

				
			

			

				

					05-26
				

			

		

		

			
				
asp.net ajax调用aspx、ajax调用ashx处理类方法、ajax调用webservice方法，返回多种数据类型等xml、html等。

			
		

	



                

              
                



	

		

			

				
					
ASP.NET中JQuery+AJAX调用后台

				
			

			

				

					10-22
				

			

		

		

			
				
ASP.NET中的JQuery+AJAX调用后台是一个常见的前端与后端交互技术，它允许网页在不刷新整个页面的情况下与服务器进行数据交换，提供更好的用户体验。在这个场景中，我们需要实现一个登录功能，通过AJAX调用ASP.NET ...

			
		

	



                


  
              

                


	

		

			

				
					
使用jQuery for Asp.Net 我的开发环境配置

				
			

			

				

					冯瑞涛的博客
				

				

					01-30
					
					297
					
				

			

		

		

			
				
　　我的硬件配置：
　　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中JQuery AJAX的解决方案

				
			

			

				

					weixin_33827965的博客
				

				

					02-20
					
					97
					
				

			

		

		

			
				
asp.net里，除官方庞大asp.net ajax之外的ajax解决方案。我们想法是以不同的服务器端方式输出，然后在页面使用jQuery的ajax实现调用服务器端几个解决方案： 
1、使用一般的webform，在页面用jQuery ajax调用，再从取得的html数据中取得<body>内的内容，写入DOM 
优点：不用改变现有的asp.net开发模式，可以使...

			
		

	



		

			
		



	

		

			

				
					
在Asp.net中使用jquery实现Ajax

				
			

			

				

					
				

				

					10-16
					
					77
					
				

			

		

		

			
				
因为最近的项目需要使用在Asp.net下使用Ajax技术.进行了一些实际研究,原来想用Ext,但考虑到同组的哥几个一起开发,Ext的类库过大,并且它的优势在于UI方面;而对于微软官方的解决方案ASP.NETAJAX的类库还包括后台的类库觉得稍重量级了些.最后选择了jqury,轻量而优雅.

对于jqury这个javascript类库,有官方的网站支持,感兴趣的想彻底研究...

			
		

	





	

		

			

				
					
jquery+ajax(asp.net)

				
			

			

				

					a631464421的专栏
				

				

					08-23
					
					417
					
				

			

		

		

			
				
我们实现Jquery的ajax形式，请求地址可以有多种。所以有多种处理方法。一种是ajax+ashx的方式。这种方式记住传递data的时候，不要加双引号。
比如: 前台aspx文件



    
    
    
        $(function () {
            $("#dbtn").click(function () {
                $.ajax

			
		

	





	

		

			

				
					
asp.net jQuery Ajax用户登录功能的实现

				
			

			

				

					10-29
				

			

		

		

			
				
在本文中，我们将探讨如何使用ASP.NET、jQuery和Ajax实现一个用户登录功能。这个功能是通过将登录表单封装在一个模拟对话框中，利用Ajax无刷新提交数据，从而提供更友好的用户体验。  首先，让我们看看主页面上的...

			
		

	





	

		

			

				
					
基于asp.net下使用jquery实现ajax的解决方法

				
			

			

				

					10-27
				

			

		

		

			
				
**基于ASP.NET下使用jQuery实现AJAX的详细教程**  AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。jQuery是一个轻量级的JavaScript库，它使得JavaScript...

			
		

	





	

		

			

				
					
基于asp.net JQuery Ajax使用方法[付完整函数]

				
			

			

				

					博客已经搬家到：ymnets.cnblogs.com 不再更新此博客
				

				

					05-31
					
					2437
					
				

			

		

		

			
				
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。
返回Hashtable数据
返回数组
返回int,string等数据类型
(1) 首先引入jquery脚本语言
(2) 后台cs页面引用using System.Web.Script.Services;  
(3) 后台方法一定要静态方法，而且要有[WebMethod]的声明 
(4) 如有参数必须与后台对

			
		

	





	

		

			

				
					
【ASP.NET】——Jquery下使用Ajax

				
			

			

				

					张文慧 期待每一天更好的自己
				

				

					03-10
					
					415
					
				

			

		

		

			
				
JqueryAjax.aspx


&lt;script src="../Js/jquery-1.7.1.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
        $(function () {
            $("#btnGet").click(function(){
                $....

			
		

	





	

		

			

				
					
ASP.net通过JQuery实现Ajax操作

				
			

			

				

					weixin_30375427的博客
				

				

					04-21
					
					90
					
				

			

		

		

			
				
最近要用到ajax,可是.net自带那个速度实在太慢了。。。于是学了JQuery
这东西真的不错。。拿起jquery手册直接就能写。。。很容易上手。。在网上找了一个jquery实例。。。
再在里面测试了 几个不同的返回数据后面最多的反回Json数据。。当然我只是才学没多久。。知道这些够用了。。
下面是index.aspx的代码，当然也可以直接存成.html页也一样的。。

<%@...

			
		

	





	

		

			

				
					
【jQuery实例】Ajax登录页面

				
			

			

				

					weixin_33762321的博客
				

				

					07-04
					
					288
					
				

			

		

		

			
				
登录界面是信息系统提供的必备的功能，是提供给用户提供维护信息的接口。接下来，我来带领大家打造一个漂亮、安全的登录界面，使用的技术是ASP.NET+jQuery先来看看预览效果    Ajax登录重点在Ajax，输入用户名和密码后，使用Ajax方式将信息提交到服务器端，服务器端判断时候存在该用户，存在则登录成功并转向管理界面（有时需要写cookie或是利用Session，此处不作讨论），...

			
		

	





	

		

			

				
					
在Asp.net中使用jquery实现Ajax (转)

				
			

			

				

					javazhuanzai的专栏
				

				

					02-01
					
					356
					
				

			

		

		

			
				
======================================================
注：本文源代码点此下载

======================================================
因为最近的项目需要使用在asp.net下使用ajax技术.进行了一些实际研究,原来想用ext,但考虑到同组的哥几个一起开发,ext的类库过大, 并

			
		

	





	

		

			

				
					
asp.net 调用jquery ajax

				
			

			

				

					ceozhg2009的专栏
				

				

					04-10
					
					664
					
				

			

		

		

			
				
AjaxTest.aspx:

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









    Templates
   
       
             ID :  ${UId}  
             Name :  ${Name}

			
		

	





	

		

			

				
					
asp.net ajax 参数,ASP.NET jquery ajax传递参数

				
			

			

				

					weixin_42393576的博客
				

				

					08-05
					
					470
					
				

			

		

		

			
				
第一种：GET传递前台 ajax GET 传递 ：即在请求的地址后面加上参数，URL地址长度有显示，安全性低后台接收：Request.QueryString[“参数名字”]！例如：function LoadBar(id) {var project = id;var month = $("#txtMonth").val();$.ajax({type: "GET",async: false,url...

			
		

	





	

		

			

				
					
Asp.Net+Jquery.Ajax详解1-开篇

					
热门推荐

				
			

			

				

					一名系统架构师的征途
				

				

					07-25
					
					1万+
					
				

			

		

		

			
				
目录（已经更新的文章会有连接，从7月25日开始，每2到3天更新一篇）：

Asp.Net+Jquery.Ajax详解1-开篇（2012.07.25发）
Asp.Net+Jquery.Ajax详解2-$.Load（2012.07.26发）
Asp.Net+Jquery.Ajax详解3-$.get和$.post（2012.07.30发）
Asp.Net+Jquery.Ajax详解4-$.ge

			
		

	





	

		

			

				
					
asp.net mvc 使用Ajax调用Action 返回数据。

				
			

			

				

					
				

				

					05-25
					
					201
					
				

			

		

		

			
				
使用asp.net mvc 调用Action方法很简单。
一、无参数方法。
1、首先，引入jquery-1.5.1.min.js 脚本，根据版本不同大家自行选择。

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>

...

			
		

	





	

		

			

				
					
Asp.Net+JQuery.Ajax之$.post

				
			

			

				

					weixin_30341735的博客
				

				

					03-30
					
					214
					
				

			

		

		

			
				
段时间有点跑偏，经过米老师和师傅的耐心指导，终于认识到自己的问题，现在回归常规路线，继续B/S的学习。 经过近半个月的熏陶，对JQuery慢慢的有了亲切感。当时我采访过一清，问他看完JQuery视频有什么感觉，一清说：“能听懂，能看懂，自己做不知道从哪下手”。这可能是大多数初学者的苦衷，现在我用一个简单的登录页面，帮助大家进一步理解JQuery.Ajax的工作原理。 首先我们制作一个html页...

			
		

	





	

		

			

				
					
ASP.NET+JQuery模拟股票信息涨跌(Ajax技术)

					
最新发布

				
			

			

				

					05-24
				

			

		

		

			
				
首先，需要在ASP.NET中创建一个Web应用程序，并添加一个Web Form。在Web Form中，可以使用JQuery来实现页面的交互效果。以下是实现模拟股票信息涨跌的步骤：  1. 创建一个ASP.NET Web应用程序，并添加一个Web Form。...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值