下次自动登录
现在的位置:
& 综合 & 正文
$().each() 与 $.each()区别，以及 jquery ajax 应用
在jquery 中我们可以选择$().each() 与 $.each() 进行迭代对象和数组
$(items).each(function(){
$.each(items,function(i,item){
//write your code
-----------------jquery
ajax----------------------
jquery 开发ajax 相对来说 是比较简单的
具体情况可以参考 [的ajax系列]
1.ajax 读取 XML
//XMLFile.xml&?xml version="1.0" encoding="utf-8" ?&&users&
&user sex="0"&
&name&abcd1&/name&
&age&<span style="color: #&/age&
&user sex="1"&
&name&abcd2&/name&
&age&<span style="color: #&/age&
&/user&&/users&
$(function(){
$(".getData").click(function(){
url:"XMLFile.xml",
success:function(data)
$(data).find("user").each(function(){
alert($(this).attr("sex"));//获取属性
alert($(this).children("age").text());//获取item 中的 age
beforeSend:function(){
$(".loading").html("数据加载中.");
error:function(){
golable:false,
datatype:"xml",
complete:function()
$(".loading").html("");
$(".loading").html("数据加载完成");
jquery 读取 json
json 格式：
{'UserID':11, 'Name':'rddy', 'Email':''},
{'UserID':12, 'Name':'Tfddly', 'Email':''},
{'UserID':351, 'Name':'Truly', 'Email':'zhulm'}
url:"index.aspx",
success:function(json)
json=eval("("+json+")");//将数据转成json格式
$.each(json,function(i,item){
document.write("UserID"+String(item.userID)+"
Name:"+item.Name+"
Email:"+item.Email+"&br/&");
beforeSend:function(){
error:function(){
golable:false,
datatype:"json",
complete:function()
(默认: 当前页地址) 发送请求的地址。
(默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。
设置请求超时时间（毫秒）。此设置将覆盖全局设置。
(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。
beforeSend
发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头。XMLHttpRequest 对象是唯一的参数。
function (XMLHttpRequest) {
this; // the options for this ajax request
(默认: true) jQuery 1.2 新功能，设置为 false 将不会从浏览器缓存中加载请求信息。
请求完成后回调函数 (请求成功或失败时均调用)。参数： XMLHttpRequest 对象，成功信息字符串。
function (XMLHttpRequest, textStatus) {
this; // the options for this ajax request
contentType
(默认: "application/x-www-form-urlencoded") 发送信息至服务器时内容编码类型。默认值适合大多数应用场合。
Object,String
发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。
预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为回调函数参数传递，可用值:
"xml": 返回 XML 文档，可用 jQuery 处理。
"html": 返回纯文本 HTML 信息；包含 script 元素。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。
"json": 返回 JSON 数据 。
格式。使用
形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数：XMLHttpRequest 对象，错误信息，（可能）捕获的错误对象。
function (XMLHttpRequest, textStatus, errorThrown) {
// 通常情况下textStatus和errorThown只有其中一个有值
this; // the options for this ajax request
(默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件
ifModified
(默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。
processData
(默认: true) 默认情况下，发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息，请设置为 false。
请求成功后回调函数。这个方法有两个参数：服务器返回数据，返回状态
function (data, textStatus) {
// data could be xmlDoc, jsonObj, html, text, etc...
this; // the options for this ajax request
-------------------------JSON数据获取---------------------
window.onload=function(){
getJSON();//获取多组数据
getData();//获取单组数据
function getJSON()
var json="[{'UserID':11, 'Name':'rddy', 'Email':''},{'UserID':12, 'Name':'Tfddly', 'Email':''},{'UserID':351, 'Name':'Truly', 'Email':'zhulm'}]";
json=eval("("+josn+")");//将字符串转换成josn格式
$.each(json,function(i,item){
document.writeln("UserID"+String(item.userID)+"
Name:"+item.Name+"
Email:"+item.Email+"&br/&");
function getData()
var json="{'userID':12,'name':['rhythm','rhythmk']}";
json=eval("("+json+")");
document.write(json.name[<span style="color: #]);//rhythmk
document.write(json.name);//rhythm,rhythmk
&&&&推荐文章:
【上篇】【下篇】jQuery中使用$.each()遍历后台响应的json字符串问题
时间： 22:56:20
&&&& 阅读：385
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&今天在做练习项目的时候，使用$.each()方法遍历后台传过来的json字符串时，chrome浏览器中发现如下问题 &Cannot use ‘in‘ operator to search for ‘length‘...... 琢磨了好久，百思不得其解。前后台代码分别如下：
后台返回json字符串：
$sql = "select pid, pname, price, pic, did, count from jd_product, jd_cart_detail where pid=productId and cartId=$cid";$result = mysqli_query($conn, $sql);$list = mysqli_fetch_all($result, MYSQLI_ASSOC);echo json_encode($list);
前台接收并处理：
type: "GET",
url: "data/cart_detail_select.php",
data: {uid: loginUid},
success: function(list){
var h = "";
$.each(list, function(i, p){
h += `&some code....
$("#cart&tbody").html(h);
error: function(obj){
alert("响应完成但有错误");
console.log(obj);
好了，问题来了，$.each()方法中，list参数就是后台传来的json字符串（echo json_encode($list);），然而在各种调试后，浏览器依然顽固的报着文章开头的错误。无奈，几经尝试，最终找到了解决方案，虽然解决了问题，但是我还是不明白为什么这样做，解决如下：
将list参数，再用JSON.parse(list)，包装一次，方可正常运行。
出问题那一行代码修改后如下：
$.each(JSON.parse(list), function(i, p){})。
如果有大神看到此文章并且知道原因，请不惜赐教。标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&原文：/tincyho/p/6142891.html
教程昨日排行
&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！jquery中each使用方法详解
each()遍历元素的专用方法之一，有它，我们可以用来做很多事情，比如你需要获取好几个&p&的class名并依次输出，代码可以这样写：Dom结构：
&p class=&sb01&&&/p& &
&p class=&sb02&&&/p& &
&p class=&sb03&&&/p& &
Jquery代码：
&script& &
$(function(){ &
$(&p&).each(function(){ &
alert(&class名称是：&+$(this).attr(&class&)); &
&/script& &
输出结果：
class名称是：sb01 &
class名称是：sb02 &
class名称是：sb03 &相关文章推荐
$("button").click(function(){
$("div").each(function(index,domEle){
$(domEle).css("backgroundCol...
最近一直在研究JS，今天看到遍历模块的时候，看到了这个函数：
$(selector).each(function(index,element))
但是想想，这个函数和之前项目里面用到的遍历数据 的函数...
1、选择器+遍历
$('div').each(function (i){
i就是索引值
this 表示获取遍历每一个dom对象
2、选择器+遍历
$('div')....
$.each JSON.parse() JSON.stringify() jQuery.parseJSON(）
1、选择器+遍历
$('div').each(function (i){
i就是索引值
this 表示获取遍历每一个dom对象
2、选择器+遍历
$('div').each(fun...
给定A, B两个整数，不使用除法和取模运算，求A/B的商和余数。
最基本的算法是，从小到大遍历：
for (i = 2 to A -1)
if (i * B > A)...
K-means聚类算法是一种非层次聚类算法，在最小误差的基础上将数据划分了特定的类，类间利用距离作为相似度指标，两个向量之间的距离越小，其相似度就越高。程序读取全国省市经纬度坐标，然后根据经纬度坐标进...
source insight是一款很好的c语言的程序编辑器，方便对project管理，方便程序的阅读和编辑。查找功能使用十分频繁，选项较多，与其它软件的查找功能也类似，下面对英文版的查找功能，做简单说...
--查询每个年级的总学时数，并按照升序排列。
SELECT SUM(ClassHour) AS 总学时,GradeId AS 年级 FROM Subject GROUP BY
首先我使用的是java自带的对webservice的支持包来编写的服务端和发布程序，代码如下。
webservice的接口代码：
package com.xxx.test.
import ja...
他的最新文章
讲师：董晓杰
讲师：姚远
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)2012年4月 Web 开发大版内专家分月排行榜第二2012年3月 Web 开发大版内专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第三2012年5月 Web 开发大版内专家分月排行榜第三
2012年6月 Web 开发大版内专家分月排行榜第二2012年5月 Web 开发大版内专家分月排行榜第二2011年5月 PHP大版内专家分月排行榜第二2008年9月 硬件使用大版内专家分月排行榜第二
2012年7月 Web 开发大版内专家分月排行榜第三2011年8月 PHP大版内专家分月排行榜第三2011年8月 Web 开发大版内专家分月排行榜第三2011年7月 PHP大版内专家分月排行榜第三2011年4月 Web 开发大版内专家分月排行榜第三2008年9月 Windows专区大版内专家分月排行榜第三
2012年6月 Web 开发大版内专家分月排行榜第二2012年5月 Web 开发大版内专家分月排行榜第二2011年5月 PHP大版内专家分月排行榜第二2008年9月 硬件使用大版内专家分月排行榜第二
2012年7月 Web 开发大版内专家分月排行榜第三2011年8月 PHP大版内专家分月排行榜第三2011年8月 Web 开发大版内专家分月排行榜第三2011年7月 PHP大版内专家分月排行榜第三2011年4月 Web 开发大版内专家分月排行榜第三2008年9月 Windows专区大版内专家分月排行榜第三
2012年6月 总版技术专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第一2012年5月 Web 开发大版内专家分月排行榜第一
本帖子已过去太久远了，不再提供回复功能。}