var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); 上面这个each输出的结果分别为：one,two,three,four var arr = [ "aaa", "bbb", "ccc" ]; $.each(arr, function(i,a){ alert(i); // i 是循环的序数 alert(a); // a 是值 }); var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] $.each(arr1, function(i, item){ alert(item[0]); }); 其实arr1为一个二维数组，item相当于取每一个一...
服务端PHP读取MYSQL数据，并转换成JSON数据，传递给前端Javascript，并操作JSON数据。本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。JSON在前后台交互的过程中发挥着相当出色的作用。请接着往下看教程。<ul id="userlist"> <li><a href="#" rel="1">张三</a></li> <li><a href="#" rel="2">...
eg:给传进来的ID中当其对应的值为true时，即给对应的ID标签添加一个class 名为 focus，如： var obj = { id01:true, id02:flase, id03:true};$.each(obj,function(key,val){ if(val == true){ $(# + key).addClass(focus); } });结果：ID为id01及id03的标签会添加一个class标签； eg2: json数据如下： [ {"Id": 10004, "PageName": "club"}, {"Id": 10040, "PageName": "qaz"}, {"Id": 10059, "PageName": "beauty"} ] 希望用...
本文实例讲述了Jquery遍历Json数据的方法。分享给大家供大家参考。具体如下： <html> <head> <title>jQuery遍历json</title> <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script> </head> <script>var a = {"sys_bb": [{"menu_name": "教务处","menus": [{"menu_name": "张明"},{"menu_name": "王明"}]},{"menu_name": "办公室","menus": [{"menu_name": "刘处"},{"menu_name": "小王"},{"menu_name": "张三"}...
本文实例讲述了jQuery实现在下拉列表选择时获取json数据的方法。分享给大家供大家参考。具体如下： function populateDropDown() {$.getJSON(/getData.aspx,{Name:$(#parm).val()},function(data){var select = $(#DDLControl);var options = select.attr(options);$(option, select).remove();$.each(data, function(index, array) {options[options.length] = new Option(array[variety]);});}); }$(document).ready(function() ...
本文实例讲述了jQuery使用post方法提交数据的用法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){$("button").click(function(){$.post("demo_test_post.asp",{name:"Donald Duck",city:"Duckburg"},function(data,status){alert("Data: " + data + "\nStatus: " + status);});}); }); </script> </head> <body> <b...
本文实例讲述了jQuery使用$.get()方法从服务器文件载入数据。分享给大家供大家参考。具体如下： <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){$("button").click(function(){$.get("demo_test.asp",function(data,status){alert("Data: " + data + "\nStatus: " + status);});}); }); </script> </head> <body> <button>发送HTTP GET请求并获取返回值</button...
本文实例讲述了jquery处理页面弹出层查询数据等待操作。分享给大家供大家参考。具体实现方法如下： $(document).ready(function(){ layer.load(0); //初始化加载 //可选范围(0-9)0表示等返回结果后关闭，1-9表示自动关闭时间(s) });当查询结果集返回后，设置关闭等待的样式 function init_page_pro(sdate, pro) { $.post("detail.key", {pro : pro,sdate : sdate }, function(result, resultState) {if (resultState == "success"...
本文实例讲述了jQuery处理json数据返回数组和输出的方法。分享给大家供大家参考。具体实现方法如下：代码如下:/*print the json object * *$("selector").print_r_json(json,opts) : return formatted string (and print) *sprint_r_json : just return the string; *print_r_json : return the formatted string and print json data *contribute 明河 * *auth iorichina * *example: *3 ways to use it *<script lan...
本文实例讲述了jquery滚动加载数据的方法。分享给大家供大家参考。具体分析如下： 我们浏览有些网页的时候，当拉动浏览器的滚动条时到页底时，页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术，我们发现很多网站用到这种技术，例如新浪微博、QQ空间等。 代码如下：代码如下:<!DOCTYPE=html> <html> <head> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascrip...
本文实例总结了jQuery常用数据处理方法。分享给大家供大家参考。具体如下： $.trim():删除字符串前后的空白字符。 var str = 薯条 ; var formatStr = $.trim(str); //薯条$.param():数组或者对象序列化。 var obj = {name: dog,count: 10 }; var str = $.param(obj); //"name=dog&count=10"$.isArray():检测是否为数组。 $.isFunction():检测是否为函数类型。 $.each(obj, [callback]):遍历数组或者集合对象。obj是要遍历的集合对...
本文实例讲述了jQuery向后台传入json格式数据的方法。分享给大家供大家参考。具体分析如下： 前后台数据交互一般都用json格式，后台可以直接将json对应转化为实体对象。方便以后的操作。jQuery向后台传数据的时候，我们会发现他会自动转化成查询字符串，不能真正传入一个json。而且用jquery对表单序列化的时候，返回的格式是一个数组，还需要作进一步转换。其实只要我们在ajax方法中配置一些东西就可以完成。代码如下： <form id="...
本文实例讲述了jQuery调取jSon数据并展示的方法。分享给大家供大家参考。具体如下： 以下代码是将页面中的展示部分代码如下:function searchProductlistByfilterCondition(index, type, sort, filterWord) { //cite_html var citem_html = <div class="citem"><div class="citemtop"> + <a href="" target="_blank"><img src="{imgList}" /></a><div class="citemtxt"> +...
本文实例讲述了jquery调取json数据实现省市级联的方法。分享给大家供大家参考。具体如下： 使用jQuery mobile作为创建移动web的框架，需要实现省市级联的功能，具体代码如下（还需要优化的地方）： Html代码： jQuery mobile中，有input list属性，下方紧跟<datalist >标签，中间包含的<option value="XXXX"></option>即为选项，相当于这个input为有下拉列表的功能，当然，input的list名称需要和datalist中的id一致。<input id="p...
jQuery异步获取json数据有2种方式，一个是$.getJSON方法，一个是$.ajax方法。本篇体验使用这2种方式异步获取json数据，然后追加到页面。 在根目录下创建data.json文件：代码如下: { "one" : "Hello", "two" : "World" }■ 通过$.getJSON方法获取json数据代码如下: <script src="Scripts/jquery-2.1.1.min.js"></script> <script type="text/javascript"> $(function() { $.getJSON(data.json,...