|
|
喜熊的Btm
采纳率0%
2021-03-10
jQuery怎么读取Array数组添加到html标签
jQuery怎么读取Array数组添加到html标签，谢谢，下图是源码
$id= $_GET["p"];
$xurl = "https://xxxxxx/?p=".$id;
$str = file_get_contents($xurl);
$vname='#<div class="video__title">(.*?)</div>#';//取出名字
$vimg="/<img data-src=\"(.*?)\"(.*?)>/is";//图片
$vurl='/<a href=\"\/video\/(.*?)\".*?>(.*?)<\/a>/is';//链接
$vtime='#<div class="video-preview__duration">(.*?)</div>#';//视频时长
$vfbtime='/<div class=\"video-preview__novelty\".*?>(.*?)<\/div>/is';//发布时间
$vkan='/<div class=\"video__views\".*?svg>(.*?)<\/div>/is';//发布时间
$vzan='/<div class=\"video__likes video__likes--thumb-up\".*?>(.*?)<\/div>/is';//点赞率
//preg_match_all($vname, $str, $name_matches);
preg_match_all($vimg, $str, $img_matches);
preg_match_all($vurl, $str, $url_matches);
preg_match_all($vtime, $str, $time_matches);
preg_match_all($vfbtime, $str, $fbtime_matches);
preg_match_all($vkan, $str, $kan_matches);
preg_match_all($vzan, $str, $zan_matches);
// 将数组转换为JSON
$arr = array ();
//$arr['name'] = $name_matches[1];
$arr['img'] = $img_matches[1];
$arr['url'] = $url_matches[1];
$arr['time'] = $time_matches[1];
$arr['fbtime'] = $fbtime_matches[1];
$arr['kan'] = $kan_matches[1];
$arr['zan'] = $zan_matches[1];
print_r($arr);
// 把PHP数组转成JSON字符串
$json_string0 = json_encode($arr,JSON_UNESCAPED_UNICODE);
// 写入文件
file_put_contents ( 'test.json' , $json_string0 );
exit;
echo $json_string;
<!DOCTYPE html>
<title>jQuery怎么解析Json字符串(Json格式/Json对象)</title>
<script src="js/jquery-2.0.0.min.js"></script>
</head>
JS循环输出排列(){
<a href="JS获取的链接地址" title=""><img src="JS获取的图片地址" lazy="loaded"></a>
最终效果，匹配出所有的数据 如下这样
<a href="http://123" title=""><img src="http://xxx.jpg" lazy="loaded"></a>
<a href="http://456" title=""><img src="http://zzz.jpg" lazy="loaded"></a>
<a href="http://789" title=""><img src="http://sss.jpg" lazy="loaded"></a>
<a href="http://abc" title=""><img src="http://666.jpg" lazy="loaded"></a>
<a href="http://def" title=""><img src="http://333.jpg" lazy="loaded"></a>
................
PHP数组生成的JSON文件代码
Array
[img] => Array
[0] => https://g.jpeg
[1] => https://c.jpeg
[2] => https://b.jpeg
[3] => https://a.jpeg
[4] => https://2.jpeg
[5] => https://1.jpeg
.........
//共75组数据
[url] => Array
[0] => 19799780
[1] => 10133200
[2] => 2819740
[3] => 148742748
[4] => 2953797
[5] => 137394488
.........
//共75组数据
[time] => Array
[0] => 38:49
[1] => 34:54
[2] => 05:37
[3] => 21:24
[4] => 08:13
[5] => 08:07
.........
//共75组数据
[fbtime] => Array
[0] =>2 年前
[1] =>2 年前
[2] =>11 个月前
[3] => 1 个月前
[4] =>11 个月前
[5] =>11 个月前
.........
//共75组数据
[kan] => Array
[0] =>
3,586,391
[1] =>
1,954,941
[2] =>
36,102
[3] =>
18,146
[4] =>
19,808
[5] =>
59,112
.........
//共75组数据
[zan] => Array
[0] => 74%
[1] => 72%
[2] => 100%
[3] => 94%
[4] => 70%
[5] => 94%
.........
//共75组数据
附加问题图片
追加酬金
分享
邀请回答
更多
1
条回答
默认
最新
-
DomCode
前端领域新星创作者
2022-12-24
专家已采纳
最佳回答
jQuery提供了一个方法叫做$.each()，可以用来遍历数组并执行指定的回调函数。你可以使用这个方法来遍历数组并将其中的每个元素添加到HTML标签中。
下面是一个示例，假设你有一个名为myArray的数组，包含一些字符串元素，并且你想要将这些字符串添加到HTML页面中的一个名为myList的列表中。
$(document).ready(function() {
$.each(myArray, function(index, value) {
$('#myList').append('<li>' + value + '</li>');
上面的代码在页面加载完成后使用jQuery的$.each()方法遍历myArray数组，并且在每次迭代时将当前元素添加到HTML列表中。每个列表项都是一个新的li元素，并且包含当前遍历到的字符串元素。
请注意，在上面的代码中，我们使用了jQuery的append()方法来向列表中添加新的列表项。你也可以使用其他的jQuery方法，比如prepend()或html()，来插入HTML内容。
采纳该答案
专家已采纳
已采纳该答案
解决
登录
后可回复...
相关推荐
更多相似问题
-
将多维Javascript
数组
保存到服务器端CSV
已采纳
You are passing a raw JSON string as your query parameter but are attempting to access it as a nam
8年前
-
添加
项目到
数组
而不刷新页面？
已采纳
Here's my answer. That fully works. In this script, the server checks the presence of a name1 requ
9年前
-
如何创建一个JSON（
jQuery
），发布一个完整的
数组
已采纳
You can do something like this (As a strting point):
$('.class').each(function(){
// do somthing
13年前
-
无法通过
Jquery
.post发送
数组
已采纳
As I said, id="question[]" and id="question" are different ids.
If you want to send items as an a
9年前
-
从
jquery
数据ajax对象的数据
数组
中获取值
已采纳
$.ajax({
type:'POST',
url:'../business_logic/send_chat_user.php', //URL
10年前
-
显示
数组
中的数据
已采纳
convert your
array
to json
echo json_encode($result);
in your script
var onSubmit = function(e
9年前
-
如何去对象
数组
里的字符串值
已采纳
你这写法就有问题，你定义了一个
数组
，却用对象的赋值方法，
数组
里的子元素是
数组
没问题，但
数组
是没有key的，你既然定义了cityList是个
数组
，那就不能写cityList['北京市']=什么东西，你可
3年前
-
通过
jquery
的ajax的getJSON（）方法，向后端返回js字符串
数组
，servlet接收到空值
已采纳
可以试试这种获取 Map parameterMap = req.getParameterMap();
从parameterMap中获取
或者使用你那种方式，把select转成字符
4年前
-
【
前端
】小tips：利用
jquery
的ajax向后台传递
数组
形式数据
不要香菜哦的博客
//创建一个
数组
--存耕作方式为1,2 var BoxArr = new
Array
(); BoxArr.push(1); BoxArr.push(2); //AJAX与后台交互 $.ajax({ url: '/user/suggests',//后台地址--填自己后台...
2年前
-
【
jQuery
】
jQuery
之类
数组
对象操作_08
儒雅的烤地瓜的博客
js中类
数组
对象非常受歧视。因为虽然类
数组
对象长的像
数组
，但是却无法使用
数组
家提供的所有好用的函数。所谓"类
数组
对象"就是一个常规的Object对象，如$("p")但它和
数组
对象非常相似：具备length属性，并以0、1、2...
2年前
-
Jquery
实现对
Array
数组
实现类似Linq的Lambda表达式的Where方法筛选
willgon123的博客
平时使用Linq，用着非常顺手，奈何在
Jquery
里面不能这样用，只能循环一个个判断。 趁空闲时间找了找，自己写了这样的扩展方法。 目前写出了三种方案，没有比较性能，觉得都可以用，先贴出来。 方案1：
Array
....
4年前
-
jquery
如何判断
数组
是否包含指定元素
yuerchina的博客
jquery
如何判断
数组
是否包含指定元素
1年前
-
jQuery
将
数组
转化成对象
祈澈菇凉的博客
charset=utf-8" /> <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://cdn.bootcss.com/
jquery
/3.4.1/
jquery
.min.js">script> ...
2年前
-
jQuery
过滤器：筛选
jquery
对象
数组
中的DOM对象
姓蔡小朋友的博客
jQuery
过滤器：筛选
jquery
对象
数组
中的DOM对象
2年前
-
数组
操作方式--给
数组
中
添加
对象
前端-文龙刚的博客
数组
操作方式--给
数组
中
添加
对象
2年前
-
jQuery
的遍历
数组
倒序解决问题
漠涯（o?o）的博客
var arr = [1,2,12,13,4,5,6,7,8,9,10,11,12,13,14] function b(){ $.each(arr,function(iteam,index){ $("#nr").prepend( '<div class="TH_tagname_out">'+'<div class="TH_tagname" &...
2年前
-
jquery
获取
html
转为
数组
,
jquery
怎么判断是否为
数组
？
字音的博客
jquery
判断是否为
数组
JQuery
已经封装了is
Array
()判断是否为
数组
$.is
Array
()函数用于判断指定参数是否是一个
数组
。语法：$.is
Array
( object )object 任意类型 需要进行判断的任意值。示例：var arr = [1,3]var...
3年前
-
html
如何遍历ajax
数组
,ajax返回json
数组
遍历
添加
到
html
一边学术一边艺术的博客
大致需求为类型限制根据类型... 很多情况下是对象
数组
,那就是这样: 代码如下 复制代码 [{“AreaId”:”123”},{“AreaId”:”345”}] 其实
数组
也是一个对象,上面的格式也可以写成这样: 代码如下 复制代码 {“… 转自:...
3年前
-
试图将
数组
返回到表中的列表
已采纳
I think that your loop has an error. It should look like this:
$.each(dblist, function (index, i
11年前
-
php多维
数组
已采纳
Online link
Suppose you have an
array