文档章节

ajax 返回数组数据 生成select

久一网络
 久一网络
发布于 2015/10/22 07:00
字数 319
阅读 12
收藏 0
点赞 0
评论 0
ajax 返回数组数据 生成select
js代码:
<script language='javascript'>
function select_goods(obj)
{
var partner_id = obj;
$.ajax({
   type: "POST",
   cache:"false",
   url: "goods_log.php?action=get_goods", 
   dataType: "json",
   data: "&partner_id="+partner_id,
   success: function(json){
    var ary = new Array();
    var htm = '<option value="">请选择...</option>';
    if(json != null){
     for(var i=0;i<json.length;i++){
      htm +='<option value="'+json[i].normal_title+'">'+json[i].normal_title+'</option>';
     }
    }
    $("#goods").html(htm);
   }
});
}
</script>
html代码:
<select id="goods" name="goods_name">
    <option value="">请选择</option>
</select>
php代码:
注意,php文件顶部必须这样
<?php
header("Content-type: application/json; charset=utf-8");
如果没有这个的话,php文件后面不能有任何不相关输出。


$partner_id = $_POST['partner_id'];
   $result = $GLOBALS['DB']->get_results("SELECT `normal_title` FROM `goods_base` WHERE `partner`='$partner_id'");
   echo json_encode($result);


动态创建select的text和value
function selectValueMT(){
$.ajax( {
url : 'bus_findJCValue.action?type=3',
type : 'post',
dataType : 'json',
success : function(data) {
                var list = data;
document.getElementById("monitorType").length = 0;//清空已有选项
var s = null;
var arr=document.getElementById('monitorType').options;
for(var i = 0; i<list.length;i++){
var varItemM = new Option(list[i][1],list[i][0]); 
arr.add(varItemM);
}
}
});
}


或者
<script type="text/javascript">
function change(){     
    var departmentCode =$("#department").val();  
      
    var params = {  
        'departmentCode':departmentCode  
    };  
    $.ajax({
        type: 'get',
        url: "departmentChangeEvent.shtml",
        cache: false,
        data: params,
        dataType: 'json',
        success: function(data){
    var sel2 = $("#workorderOperator");  
    sel2.empty();  
    if(data==null)
        {
    sel2.append("<option value = '-1'>"+"部门人员为空"+"</option>");
        }
    var items=data.list;
    if(items!=null)
        {
     for(var i =0;i<items.length;i++)
         {
          var item=items[i];
          sel2.append("<option value = '"+item.userName+"'>"+item.userChinesename+"</option>");
         };
        }     
    else
        {
    sel2.empty();  
        }
        },
        error: function(){
            return;
        }
    });
    //$.post(url, params, callback);  
}  

© 著作权归作者所有

共有 人打赏支持
久一网络
粉丝 0
博文 34
码字总数 22404
作品 0
杭州
个人站长
jquery与php的json交互

jsonPHPjQueryMySQLAjax 整理两个现成的函数:jsondecode、jsonencode 说明:其中jsonencode 表示把常用的传统的数据类型如对象、数组、关联数组等转成JSON字符串。其实与JAVA里面的那个工具...

zyt_1978
2016/06/11
34
0
Ztree + PHP 无限级节点 递归查找节点法

一、前言 简单的描述一下,实习几个原理,思想,其实写很多东西,思想算是最重要的。 1、目标:将写一个无限节点的树形目录结构,如下图 步骤: 1、你的下载 插件 ztree。然后布置在你的项目...

RablePHP
2014/11/14
0
7
ThinkPHP示例:ajax分页操作

ThinkPHP示例之ajax分页操作,演示了如何进行数据分页操作,需要使用表单示例中的数据表,或者直接创建数据表如下: CREATE TABLE IF NOT EXISTS ( smallint(4) unsigned NOT NULL AUTO_INCR...

冬瓜1
2013/12/15
0
0
Jquery-Select2控件使用心得

前段时间使用了Select2控件处理下拉菜单,搞了一整天才搞明白,记录下心得。参考官网http://ivaynberg.github.io/select2/#documentation 该控件我使用了两种方式:1、基本用法;2、AJAX用法...

浮躁的码农
2015/12/24
184
0
ThinkPHP操作基础(三)

1.配置项:‘TMPLFILEDERP’=>'':用于减少模板路径层次。但是要将模板文件命名为:控制器名模板名.html的形式;如:Index_index.html。 2.由于使用AJAX提交数据的时候,我们要使用到处理器的路...

笨小熊
2014/08/04
0
0
JSONP跨域的原理解析

JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略)。这一策略对于JavaScript代码能够访问的页...

武文海
2016/03/21
24
0
基于ASP.NET 3.5 Web Service 的JSON扩展应用

如果你经常使用ASP.NET Web服务,那么你便知道他们可以以不同的方法进行通信。可以使用SOAP 1.1/1.2,HTTP POST和HTTP GET的一些支持的协议调用ASP.NET Web服务。我们可以通过HTTP POST或GET...

高阳
06/26
0
0
PHP三小时入门笔记(2014-9-3)

PHP三小时入门笔记(2014-9-3) 1、PHP是什么:编程语言 2、PHP 代码是运行在服务端的 3、行该脚本后,客户端就能接收到其结果,但他们无法得知其背后的代码是如何运作的 4、甚至可以将 web ...

GZhiDao
2015/11/26
42
0
SegmentFault 技术周刊 Vol.33 - 什么是 JSON ?

JSON 的全称是JavaScript Object Notation,可以翻译为 JavaScript 对象表示法,即将一个 Object 以文本的方式给记录下来。 根据 ECMA-404 标准: JSON is a text format that facilitates s...

keke
2017/09/07
0
0
Knockout.Js官网学习(Mapping插件)

前言   Knockout设计成允许你使用任何JavaScript对象作为view model。必须view model的一些属性是observable的,你可以使用KO绑定他们到你的UI元素上,当这些observable值改变的时候,这些...

aehyok
2013/10/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

java的反射机制理解

一、概念说明 java的反射机制,是在运行状态下,可以动态获取任意一个类的属性和方法;可以动态调用一个对象任意方法; 二、反射相关类 java.lang.Class; //类 java.lang.re...

盼望明天
8分钟前
0
0
nginx反向代理-多端口映射

代码解释 1.1 http:www.baidu.test.com默认是80,访问“/”利用反向代理,然后访问本地8083; 1.2 8083代表本地的前端工程访问地址,前端需要访问后台数据,”/”,继续代理到后台地址9803; ...

lilugirl
10分钟前
0
0
Jfinal使用log4j2打印日志

1,添加maven配置 <properties><log4j2.version>2.11.0</log4j2.version><slf4j.version>1.7.25</slf4j.version></properties> <!--slf4j及log4j2日志 --><dependency> ......

iborder
11分钟前
0
0
如何在Rancher 2.0上快速部署Datadog

Datadog是一种流行的托管监控解决方案,用于聚合和分析分布式系统的指标和事件。从基础架构集成到协作仪表板,Datadog为用户提供了一个简洁的单一窗格视图,用户可以快速查看对其最重要的信息...

RancherLabs
14分钟前
0
0
Java示例演示Functor 和monad

This article was initially an appendix in our Reactive Programming with RxJavabook. However introduction to monads, albeit very much related to reactive programming, didn't suit......

Quan全
32分钟前
0
0
微信官方jssdk Demo

1.html部分 <!DOCTYPE html><!-- saved from url=(0028){sh:$selfUrl} --><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"......

koloor
35分钟前
1
0
数据库命名规范

https://www.cnblogs.com/pangguoming/p/7126512.html 摘要:当前研发工作中经常出现因数据库表、数据库表字段格式不规则而影响开发进度的问题,在后续开发使用原来数据库表时,也会因为数据...

塔塔米
35分钟前
0
0
java https 请求工具类-通用

package com.ra.common.util; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.OutputStreamWriter; import java.io.PrintW......

轻量级赤影
36分钟前
0
0
MFC界面套包BCG Pro Edition for MFC正式发布v27.3|附下载

BCGControlBar Professional Edition for MFC是MFC的一个扩展库,您可以用来构建类似于Microsoft Office 2000/XP/2003/2007/2010/2013 和 Microsoft Visual Studio-like(打印、用户定制工具......

Miss_Hello_World
36分钟前
0
0
Spring Cloud云服务 - HongHu架构common-service 项目构建过程

上一篇我们介绍了《整合spring cloud云服务架构 - HongHu云架构common-service代码结构分析》,本节我们将对common-service整个项目进行剖析,将整个构建的流程给记录下来,让更多的关注者来...

itcloud
37分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部