xml地图|网站地图|网站标签 [设为首页] [加入收藏]

正规赌博十大app排名

当前位置:网上十大正规赌博平台 > 正规赌博十大app排名 > 第一次接触JS,jQuery遍历json的方法分析

第一次接触JS,jQuery遍历json的方法分析

来源:http://www.nb-machinery.com 作者:网上十大正规赌博平台 时间:2019-07-11 09:41

随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。

本文实例分享了原生JS版和jQuery 版实现文件上传功能的例子,供大家参考,具体内容如下

本文实例分析了jQuery遍历json的方法。分享给大家供大家参考,具体如下:

图片 1

<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>HTML5 Ajax Uploader</title>
<script src="jquery-2.1.1.min.js"></script>
</head>

<body>
<p><input type="file" id="upfile"></p>
<p><input type="button" id="upJS" value="用原生JS上传"></p>
<p><input type="button" id="upJQuery" value="用jQuery上传"></p>
<script>
/*原生JS版*/
document.getElementById("upJS").onclick = function() {
 /* FormData 是表单数据类 */
 var fd = new FormData();
 var ajax = new XMLHttpRequest();
 fd.append("upload", 1);
 /* 把文件添加到表单里 */
 fd.append("upfile", document.getElementById("upfile").files[0]);
 ajax.open("post", "test.php", true);

 ajax.onload = function () {
 console.log(ajax.responseText);
 };

 ajax.send(fd);

}

/* jQuery 版 */
$('#upJQuery').on('click', function() {
 var fd = new FormData();
 fd.append("upload", 1);
 fd.append("upfile", $("#upfile").get(0).files[0]);
 $.ajax({
 url: "test.php",
 type: "POST",
 processData: false,
 contentType: false,
 data: fd,
 success: function(d) {
 console.log(d);
 }
 });
});
</script>
</body>
</html>

复制代码 代码如下:

RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K,堪称非常轻量。它还同时可以和其他的框架协同工作,使用RequireJS必将使您的前端代码质量得以提升。

php代码:

var obj = {"status":1,"bkmsg":"u6210u529f","bkdata":["u5415u5c1au5fd7","1387580400","u6dfbu52a0u8bb0u5f55"]}{"status":1,"bkmsg":"u6210u529f","bkdata":["u5415u5c1au5fd7","1387580400","u6dfbu52a0u8bb0u5f55"]},{"status":1,"bkmsg":"u6210u529f","bkdata":["u5415u5c1au5fd7","1387580400","u4ec0u4e48u4e5fu6ca1u6709"]}

requirejs能带来什么好处

<?php
if (isset($_POST['upload'])) { 
var_dump($_FILES);
move_uploaded_file($_FILES['upfile']['tmp_name'], 'up_tmp/'.time().'.dat');
//header('location: test.php');
exit;
}
?>

ajax请求:

官方对requirejs的描述:

更多精彩内容,请点击《jQuery上传操作汇总》,进行深入学习和研究。

$.ajax({
    url: '/path/to/file',
    type: 'GET',
    dataType: 'json',
    data: {param1: 'value1'},
    success: function (obj){
      //遍历obj
    }
})

  RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code.

以上就是本文的全部内容,希望对大家的学习有所帮助。

返回的内容在success的函数里面,所有的遍历操作都是在这里面操作的:

大致意思:

您可能感兴趣的文章:

  • jQuery实现隔行变色的方法分析(对比原生JS)
  • 原生js仿jquery实现对Ajax的封装
  • 原生JS取代一些JQuery方法的简单实现
  • 原生js仿jquery一些常用方法(必看篇)
  • 原生js封装的一些jquery方法(详解)
  • 原生js实现jquery函数animate()动画效果的简单实例
  • 原生js仿jquery animate动画效果
  • 原生js和jquery分别实现横向导航菜单效果
  • 使用jQuery或者原生js实现鼠标滚动加载页面新数据
  • 原生js和jQuery实现淡入淡出轮播效果
  • 原生js与jQuery实现简单的tab切换特效对比
  • 详解用原生JavaScript实现jQuery的某些简单功能

for循环:

  在浏览器中可以作为js文件的模块加载器,也可以用在Node和Rhino环境,balabala...。这段话描述了requirejs的基本功能"模块化加载",什么是模块化加载?我们要从之后的篇幅中一一解释

var obj = {
    "status":1,
    "bkmsg":"u6210u529f",
    "bkdata":["u5415u5c1au5fd7","1387580400","u6dfbu52a0u8bb0u5f55"]
}
// console.log(obj.length);
if (obj.status == 1) {
    for (var i = 0; i < obj.bkdata.length; i  ) {
      console.log(obj.bkdata[i]);
    };
}else{
    alert("数据有误~");
};

  先来看一段常见的场景,通过示例讲解如何运用requirejs

for in 循环:

本文由网上十大正规赌博平台发布于正规赌博十大app排名,转载请注明出处:第一次接触JS,jQuery遍历json的方法分析

关键词: mg娱乐场4355