ajax方法

最新推荐文章于 2024-07-10 17:54:35 发布
最新推荐文章于 2024-07-10 17:54:35 发布
阅读量1.4k 收藏 2
点赞数
文章标签： ajax dataset callback string sql function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fei0504/article/details/1480398
版权

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data;
using System.Data.SqlClient;

using KingClub.DBUtility;
/// <summary>
/// ProvCityArea 的摘要说明
/// </summary>
public  class AjaxMethod
{
    public AjaxMethod()
    {
        //
        // TODO: 在此处添加构造函数逻辑
        //
    }
    #region GetPovinceList
    public static DataSet GetPovinceList()
    {
        string sql = "";       
        return GetDataSet(sql);
    }
    #endregion

    #region GetCityList
    [Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
    public DataSet GetCityList(int povinceid)
    {
        string sql = "select * from ;
        return GetDataSet(sql);
    }
    #endregion

    #region GetAreaList
    [Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
    public DataSet GetAreaList(int cityid)
    {
        string sql = " father=" + cityid;
        return GetDataSet(sql);
    }
    #endregion

    #region GetDataSet
    public static DataSet GetDataSet(string sql)
    {
        //string ConnectionString = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
        string ConnectionString = SqlHelper.ConnectionStringLocalTransaction;       
        SqlDataAdapter sda = new SqlDataAdapter(sql, ConnectionString);
        DataSet ds = new DataSet();
        sda.Fill(ds);
        return ds;
    }
    #endregion
}
 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
    <title>省市县3级连动</title>
    <script type="text/javascript">   
   //选择城市触发的脚本
   function cityResult()
   {
    var city=document.getElementById("DDLProvince");
    //调用服务器ajax方法绑定城市
    AjaxMethod.GetCityList(city.value,get_city_Result_CallBack);       
   }
   
   //省份选择后绑定城市的脚本
   function get_city_Result_CallBack(response)
   {
    if (response.value != null)
    {     
     document.all("DDLCity").length=0;
     //获得ajax城市绑定方法返回的结果　　　　   
　　　　   var ds = response.value;
     if(ds != null && typeof(ds) == "object" && ds.Tables != null)
     {     
      for(var i=0; i<ds.Tables[0].Rows.length; i++)
　　　　    {
　　　　     var name=ds.Tables[0].Rows[i].city;
　　　　　　    var id=ds.Tables[0].Rows[i].cityID;
　　　　　　    document.all("DDLCity").options.add(new Option(name,id));
　　　　    }
　　　　    //如果有城市被选种调用服务器上的地区绑定方法
　　　　    if(ds.Tables[0].Rows.length>0)
　　　　    {　　　　    
　　　　       //调用服务器端的ajax方法返回地区的绑定
　　　　        AjaxMethod.GetAreaList(ds.Tables[0].Rows[0].cityID,get_area_Result_CallBack);
　　　　    }　　　　    
     }
     document.all("DDLArea").length=0;　  
    
    }    
    return
   }
   //选择市区要触发的脚本
   function areaResult()
   {
    var area=document.getElementById("DDLCity");
    //市区选择时调用服务器上的ajax方法绑定地区信息
    AjaxMethod.GetAreaList(area.value,get_area_Result_CallBack);
   }
   function get_area_Result_CallBack(response)
   {
    if (response.value != null)
    {     
     document.all("DDLArea").length=0;　　　　   
　　　　   var ds = response.value;
     if(ds != null && typeof(ds) == "object" && ds.Tables != null)
     {     
      for(var i=0; i<ds.Tables[0].Rows.length; i++)
　　　　    {
　　　　　　    var name=ds.Tables[0].Rows[i].area;
　　　　　　    var id=ds.Tables[0].Rows[i].areaID;
　　　　　　    document.all("DDLArea").options.add(new Option(name,id));
　　　　    }    
     }
    }
    return
   }   
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <table id="Table1" style="z-index: 101; left: 96px; position: absolute; top: 32px"
                cellspacing="1" cellpadding="1" width="300" border="1" bgcolor="#ccff66">
                <tr>
                    <td>
                        省市</td>
                    <td>
                        <asp:DropDownList ID="DDLProvince" runat="server" Width="192px">
                        </asp:DropDownList></td>
                </tr>
                <tr>
                    <td>
                        城市</td>
                    <td>
                        <asp:DropDownList ID="DDLCity" runat="server" Width="191px">
                        </asp:DropDownList></td>
                </tr>
                <tr>
                    <td>
                        市区</td>
                    <td>
                        <asp:DropDownList ID="DDLArea" runat="server" Width="191px">
                        </asp:DropDownList></td>
                </tr>
            </table>          
        </div>
    </form>
</body>
</html>

 

 protected void Page_Load(object sender, EventArgs e)
    {

        Ajax.Utility.RegisterTypeForAjax(typeof(AjaxMethod));
        if (!Page.IsPostBack)
        {
            AjaxMethod objajax = new AjaxMethod();
  
            DataView dvProvince = new DataView(AjaxMethod.GetPovinceList().Tables[0]);
            this.DDLProvince.DataSource = dvProvince;
            this.DDLProvince.DataTextField = "province";
            this.DDLProvince.DataValueField = "provinceID";
            this.DDLProvince.DataBind();

  
            int provinceID = 0;
            if(!string.IsNullOrEmpty(dvProvince[0]["provinceID"].ToString()))
            {
                provinceID = Convert.ToInt32(dvProvince[0]["provinceID"]);
            }
            DataView dvCity = new DataView(objajax.GetCityList(provinceID).Tables[0]);
            this.DDLCity.DataSource = dvCity;
            this.DDLCity.DataTextField = "city";
            this.DDLCity.DataValueField = "cityID";
            this.DDLCity.DataBind();
            
     
            int areaID = 0;
            if (!string.IsNullOrEmpty(dvCity[0]["cityID"].ToString()))
            {
                areaID =
            }

            DataView dvArea = new DataView(objajax.GetAreaList(areaID).Tables[0]);
            this.DDLArea.DataSource =           
            this.DDLArea.DataTextField = "
            this.DDLArea.DataValueField = "areaID";
            this.DDLArea.DataBind();

  
            this.DDLProvince.Attributes.Add("onclick", "cityResult();");
       
            this.DDLCity.Attributes.Add("onclick", "areaResult();");
        }

    }

魔导师
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax方式
tianranran的博客
02-09 260
### 同步和异步 同步: 指的就是事情要一件一件做。等做完前一件才能做后一件任务 异步: 不受当前任务的影响，两件事情同时进行，做一件事情时，不影响另一件事情的进行。 编程中：异步程序代码执行时不会阻塞其它程序代码执行,从而提升整体执行效率。 ### ajax的概念 ##### 什么是ajax 1 Ajax: asynchronous javascript and xml (异步js和xml) 2 是可以与服务器进行(异步/同步)交互的技术之一。 ajax的语言载体是jav
jquery ajax方法详解
阿休要努力
07-01 699
jquery中的ajax ★: $.get(url,params,function(数据){},type); 发送get请求的ajax url:请求的路径 params:请求的参数 参数为key\value的形式 key=value {"":"","":""} fn:回调函数 参数就是服务器发送回来...
Ajax中的四个方法
Argonaut_的博客
02-20 1011
在前面我们学过 get 方法，这里的 get 就是 GET 请求的意思，JSON 就是 JSON 编码了，把两个词合起来理解就是使用 GET 请求从服务器加载 JSON 格式的数据。// 如果链接失效，可以试试 https://labfile.oss.aliyuncs.com/courses/3774/posts.json。// 如地址失效，可以使用 https://labfile.oss.aliyuncs.com/courses/3774/users.json。
Ajax方法详解
爱学习的大雄的博客
02-24 934
$.ajax()方法详解 jquery中的ajax方法参数总是记不住，这里记录一下。 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。 4.async: 要求为Boolean
Ajax常见请求方法（详细）
小卡拉米的博客
01-06 3879
同源：协议，域名，端口完全相同。//CORS跨域资源共享。
Ajax方法
XJ_TK的博客
03-09 876
Ajax方法 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术： JQ 作者：胡水旺 撰写时间：2021/7/18 一、jQuery-Ajax 方法 AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现对部分网页的更新。 1、简介 Ajax=异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。
Jquery-Ajax
SSbandianH的博客
11-19 204
# AJAX： 1. 概念： ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网...
jQuery AJAX 方法
12-13
**jQuery AJAX 方法详解** AJAX (Asynchronous JavaScript and XML) 是一种在不刷新整个网页的情况下，与服务器交换数据并更新部分网页的技术。jQuery 提供了一系列方便的 AJAX 方法，简化了与服务器进行异步通信的...
概述jQuery中的ajax方法
11-29
**jQuery中的Ajax方法** 在Web开发中，Ajax（Asynchronous JavaScript and XML）技术允许我们无需刷新整个页面就能与服务器交换数据并更新部分网页内容。jQuery库简化了原生JavaScript中的Ajax操作，提供了更加友好...
jquery的ajax方法
04-28
**jQuery的Ajax方法**是JavaScript库中的核心特性之一，它为开发者提供了简单、高效的数据交互方式，无需刷新页面即可实现异步与服务器进行通信。在Web开发中，jQuery的Ajax功能极大地简化了XMLHttpRequest对象的...
基于jQuery的ajax方法封装
10-21
AJAX 是一种用于创建快速动态网页的技术。这篇文章主要介绍了基于jQuery的ajax方法封装的相关资料,需要的朋友可以参考下
基于JQuery的Ajax方法使用详解
10-19
下面小编就为大家带来一篇基于JQuery的Ajax方法使用详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
AJAX中常用的几种方法
qq_41700374的博客
12-02 1746
第一种： $.ajax({ url:服务器地址, 请求方式：get|post, data:请求数据, dataType:预期返回的数据类型, success:function(result){ }, error:function(){ } }); 第二种： $.get( 服务器地址, 请求数据, function(){ } ); 第三种： $.post(...
Ajax的基本使用
weixin_67235801的博客
05-04 7162
Ajax的基本使用，无刷新登录，使用Ajax实现搜索自动提示
从零开始学习 AJAX：超详细！15 分钟搞定 AJAX 原理和使用方法
热门推荐
weixin_56242678的博客
05-27 1万+
本文将会介绍 AJAX 的原理和使用方法，并帮助你在短时间内掌握这一重要的前端技术。我们将从 AJAX 的基本概念入手，深入探讨 AJAX 的核心技术——XMLHttpRequest 对象以及常用的数据交互方式。通过本文的学习，你将能够轻松地了解 AJAX 的工作方式和应用场景，从而为你的 Web 应用程序添加更多的交互性和实时性。
ajax有几种,Ajax的几种常见方式
weixin_35677144的博客
08-05 1636
首先先介绍下ajax，ajax(ASynchronous JavaScript And XML)为异步的javascript和xml。所谓的异步和同步是指：同步：客户端必须等待服务器的响应，在等待期间客户端不能做其他操作。异步：客户端无须等待服务器的响应，在服务器处理请求的过程中，客户端可以进行其他的操作。Ajax能够在无需加载整个页面的情况下，能够更新部分网页内容，可以减小服务器的资源浪费。通过...
Ajax常用方法详解
qq_40973701的博客
05-02 261
注：以下均为本人个人理解，仅供参考，谢谢！ 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖...
Ajax基础知识梳理
weixin_34150224的博客
07-17 97
Ajax用一句话来说就是无须刷新页面即可从服务器取得数据。注意，虽然Ajax翻译过来叫异步JavaScript与XML，但是获得的数据不一定是XML数据，现在服务器端返回的都是JSON格式的文件。 完整的Ajax请求过程 完整的Ajax请求过程 创建XMLHttpRequest实例 发出HTTP请求 接收服务器传回的数据 更新网页数据 ...
AJAX-个人版2.0
最新发布
weixin_65644655的博客
07-10 1315
AJAX（Asynchronous Javascript And Xml） 传统请求及缺点 传统的请求都有哪些？ 直接在浏览器地址栏上输入URL。 点击超链接 提交form表单 使用JS代码发送请求 window.open(url) document.location.href = url window.location.href = url … 传统请求存在的问题 页面全部刷新导致了用户的体验较差。 传统的请求导致用户的体验有空白期。（用户的体验是不连贯的） 回顾复习 老式的web
jQuery的ajax方法
04-21
以下是关于jQuery的ajax方法的一些介绍： 1. 发送请求：使用ajax方法可以发送各种类型的HTTP请求，如GET、POST、PUT、DELETE等。可以通过设置参数来指定请求的类型。 2. 异步操作：ajax方法默认使用异步方式发送...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值