jquery+json实现数据二级联动的方法_jquery

本文实例讲述了jquery+json实现数据二级联动的方法。分享给大家供大家参考,具体如下:

function GetCityInfo1()
{
  $("#ddlCITY1").empty();
  //$("#ddlCOUNTY").empty();
  var strId = $("#ddlPROVINCE1").attr("value");
  $('#HiddenPro').val(strId);
  $.get("../ashx/GetCityInfo.ashx",{ProID:strId,date:new Date().getTime(),proType:"getCity"},function(result)
  {
   $("#ddlCITY1").append($("<option></option>").val("0").html("--请选择城市--"));
   var datas=eval(result);
   for(var j in datas)
   {
    $("#ddlCITY1").append($("<option></option>").val(datas[j].ccode).html(datas[j].cityname));
   }
    //获取区的信息
    //GetCountryInfo();
   });
}

后台代码:

if (context.Request.QueryString["ProID"] != null && context.Request.QueryString["proType"] != null)
{
  string pcode = Convert.ToString(context.Request.QueryString.GetValues("ProID")[0]);
  string strSQL = "select cityname,ccode from CD_CityInfo where pcode='" + pcode + "' ";
  //执行T-SQL语句 返回DataTable
  DataTable dt = Snell.SnCode.DataBase.SQLServerHelper.Query(strSQL).Tables[0];
  StringBuilder sb = new StringBuilder();
  sb.Append(CreateJsonParameters(dt));
  //根据省份编号获取信息 获取信息
  if (sb.Length > 0)
  {
   context.Response.ClearContent();
   context.Response.ContentEncoding = System.Text.Encoding.UTF8;
   context.Response.Write(sb.ToString());
   context.Response.End();
  }
}
#region 根据Datatable的数据结构转换成json数据
public string CreateJsonParameters(DataTable dt)
{
 System.Text.StringBuilder sb = new System.Text.StringBuilder();
 if (dt != null && dt.Rows.Count > 0)
 {
  sb.Append("[");
  for (int i = 0; i < dt.Rows.Count; i++)
  {
   sb.Append("{");
   for (int j = 0; j < dt.Columns.Count; j++)
   {
    //如果值不是最后一个则添加逗号分隔
    if (j < dt.Columns.Count - 1)
    {
     sb.Append("\"" + dt.Columns[j].ColumnName.ToString() + "\":" + "\"" + dt.Rows[i][j].ToString() + "\",");
    }
    //如果值为最后个字符则不添加逗号
    else if (j == dt.Columns.Count - 1)
    {
     sb.Append("\"" + dt.Columns[j].ColumnName.ToString() + "\":" + "\"" + dt.Rows[i][j].ToString() + "\"");
    }
   }
   //如果为最后一个值的话 则不添加逗号
   if (i == dt.Rows.Count - 1)
   {
    sb.Append("}");
   }
   else
   {
    sb.Append("},");
   }
  }
  sb.Append("]");
  return sb.ToString();
 }
 else { return null; }
}
#endregion

希望本文所述对大家jQuery程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, json
数据二级联动
jquery json 二级联动、json数据实现二级联动、jquery实现二级联动、jquery json 省市联动、jquery json三级联动,以便于您获取更多的相关知识。

时间: 2024-12-27 11:51:40

jquery+json实现数据二级联动的方法_jquery的相关文章

jQuery+JSON实现AJAX二级联动实例分析_jquery

本文实例讲述了jQuery+JSON实现AJAX二级联动的方法.分享给大家供大家参考,具体如下: 后台Handler.ashx <%@ WebHandler Language="C#" Class="Handler" %> using System; using System.Web; using System.Data; public class Handler : IHttpHandler { Common coObj = new Common();

jquery+json实现数据列表分页示例代码_jquery

该实例中,新闻数据列表未使用表格显示.下面将所有源码附上,其中用到jquery插件. 复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <c:

Ajax通过XML异步提交的方法实现从数据库获取省份和城市信息实现二级联动(xml方法)

之前有写过是从JavaScript数组里获取省市信息来实现二级联动,但是似乎有很多需求是要从数据库里获取信息,所以就需要根据异步提交,局部刷新的思想来实现来提高用户交互问题 第一种方法是xml方法 1.首先在jsp页面的JavaScript,这段代码是通用的,所以把他放在函数外面,可以供其他的函数共同使用 var xhr=false; //创建XMLHttpRequst对象 if(window.XMLHttpRequest) { xhr=new XMLHttpRequest(); } else

jQuery调取jSon数据并展示的方法_jquery

本文实例讲述了jQuery调取jSon数据并展示的方法.分享给大家供大家参考.具体如下: 以下代码是将页面中的展示部分 复制代码 代码如下: function searchProductlistByfilterCondition(index, type, sort, filterWord) {      //cite_html      var citem_html = '<div class="citem"><div class="citemtop&quo

基于jquery ajax实现DropDownList二级联动

这节主要内容是通过AJAX调用页面后台代码方法实现下拉框二级联动效果,实现步骤如下: 1.创建文件Recipe24.aspx,实现后台代码如下: // 引入命名空间  代码如下 复制代码 using System.Web.Services; // 实现下拉框二级联动AJAX请求加载数据方法     [WebMethod()]     public static ArrayList GetSubList(string sBuyID)     {         ArrayList subList

jquery与AJAX实现二级联动实例(对中文处理比较好)

所谓二级联动,其实稍微懂点js的都不陌生,关于二级联动的实现,不使用JQ,而是原生态的JS些,效率会更好,但是个人感觉用JQ写的话,思路会清晰点. 代码:html部分 <select name="" id="province"> <option>请选择</option> <option value=1>广东</option> <option value=2>湖南</option> &

jQuery 下拉列表 二级联动插件分享_jquery

jQuery二级联动插件:jQuery.selected 一个页面可以引用多个联动效果,使用方法: 配置js: 复制代码 代码如下: var defaults = { NextSelId: '#Select2', SelTextId: '#Text1', Separator: '--', SelStrSet: [ { name: '请选择', subname: '请选择'}, { name: '★高起本★', subname: '计算机科学与技术|汉语言文学' }, { name: '★高起专★

jquery读取xml文件实现省市县三级联动的方法_jquery

本文实例讲述了jquery读取xml文件实现省市县三级联动的方法.分享给大家供大家参考.具体如下: 页面代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'city.jsp' starting p

jQuery基于json与cookie实现购物车的方法_jquery

本文实例讲述了jQuery基于json与cookie实现购物车的方法.分享给大家供大家参考,具体如下: json 格式: [{'ProductID':ABC','Num':'1'},{'ProductID':DEF,'Num':'2'}] 这里使用到了 $.cookie这个插件.这个插件的代码在文章的最后 /* 添加商品及数量到购物车cookie中,返回当前商品在cookie中的总数 */ function AddToShoppingCar(id, num) { var _num = 1; if