如何通过js获取当前页面的数据并组合成json字符串_框架

感觉还是有点复杂，可用。可加双引号。

<!DOCTYPE html>

<html>

<head>

<meta ;

重新放下JS，好难看

function tabToJSON(id) {

var trs = documentgetElementById(id)getElementsByTagName("tr");//获得tr数组

var titles = trs[0]getElementsByTagName("td"); //获得表头td数组

var json = "";

for(var i = 1; i < trslength; i++) {

var tds = trs[i]getElementsByTagName("td");

json += "{";

//拼装json

for(var j = 0; j < tdslength; j++)

json += titles[j]innerHTML + ":" + tds[j]innerHTML + ",";

json = jsonsubstring(0, jsonlength - 1) + "},";

}

json = "[" + jsonsubstring(0, jsonlength - 1) + "]";

documentgetElementById("test")innerHTML = json;

}

function tabToJSONForJquery(id) {

var titles = $("#" + id)find("tr:first td"); //获得表头td数组

//遍历非表头的，tr、td拼装json

var json = "[" + $("#" + id)find("tr:not(:first)")map(function(i, e) {

return "{" + $(e)children("td")map(function(j, el) {

return $(titles[j])html() + ":" + $(el)html();

})get()join(",") + "}";

})get()join(",") + "]";

$("#test")html(json);

}

思路：用getElementsByTagName方法来实现。

片断代码如下：

<html>

<head>

function getElements()

{

var x=documentgetElementsByTagName("input");

alert(xlength);

}

</script>

</head>

<body>

<br />

</body>

</html>

效果图如下：

定义和用法

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

用jQuery的html方法可以获得某个元素中的内容，如果元素是html标签，则可以获得页面的全部内容：例如：

$(document)ready(function(){

var html_str=$("html")html();

alert(html_str);

});

上面代码可以获得页面的全部内容。（当然要先导入jQuery）

1．有以下输入控件在HTML中，代码如下：<input type="hidden" name="productName" id="productName" value="测试产品名称">。

2．可以使用js来获取id和答案varvalue＝文档。getelementbyid（“productName”）。值。

3．接下来，我们将警告（value），看看是否得到了输入的值。我们可以看到，输入的值已经成功d出。

4．也可以使用文档。getElementsByName方法（name）。

5．如果您测试结果，您仍然可以看到“value”的值成功d出。

6．您还可以通过jquery获得输入的值，这需要引入jquery的js包并传递代码＄（＂＃id＂）．val（）。＄（＂＃productName＂）．val（）。

7．＄（＂输入（＇name＝名字＇］”）．val（）；例如，上面的例子可以使用＄（＂input［＇name＝productName＇］＂）．val（）。

通过url传参。

如果是HTML页面的话，JS传到新页面就输入windowlocationhref='ahtmlid=100'。然后ahtml页面的JS就<div id="s"></div>

documentgetElementById("s")innerHTML=windowlocationsplit('')[1];

</script>

如果是想要实现AJAX在a页面传参数到b页面，并且在a页面的层显示b页面执行参数的结果的话就用AJAX了。下面是JQUERY的。

$("#a")load("bhtmlid=100");

//或者

$get("bhtmlid=100",function(data){

$("#a")html(data);})

本地存储sessionStorage 或 localStorage，html5的话可以用 sessionStorage 或 localStorage，很容易的。sessionStorage 是会话存储，关闭浏览器就没了。localStorage 是持久化存储，完全可以替代cookie 存储空间更大。

实现方法：存：sessionStorage["par1"]="123"。取：sessionStorage["par1"] localStorage实现方法和sessionStorage一样。

有两种方法，一种是$ajax(option)方法，一种是$getJSON()方法。

实例：

一、数据集所在jsp页面outjsp,代码如下

<%@page contentType="text/plain; charset=UTF-8"

language="java"

import="javaio,javanet,javautil"

buffer="8kb"

session="false"

autoFlush="true"

String jsonData="{data:[{id:200901,name:'name1'},{id:200902,name:'name2'},{id:200903,name:'姓名3'},{id:200904,name:'姓名4'},{id:200905,name:'姓名5'}]}";

//outclear();

outwrite(jsonData);

二、js处理页面

(1)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

以上就是关于如何通过js获取当前页面的数据并组合成json字符串全部的内容，包括:如何通过js获取当前页面的数据并组合成json字符串、js如何获取页面元素、怎么通过js或者jquery获取一个页面里面的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/10053822.html

如何通过js获取当前页面的数据并组合成json字符串

发表评论

评论列表（0条）