如何在无框架情况下，将nodejs 里的一个值更新到html 页面里的标签&div id=&name&&&/div&中 - CNode技术社区
这家伙很懒，什么个性签名都没有留下。
今天在一个nodejs 群里有位朋友提问，无框架，即不使用express 等，无json情况，问题如下：
服务器端 js 里有两个值 ：uname，uage，怎么将这两个值更新到 index.html 页面里的span标签里
如：&span id=“uname”&&/span&
&span id=“uage”&&/span&
我想到的方法：
是直接在nodejs 里写html 内容：response.write(&&html&此处省略各种标签&+uname+&…&+&/html&&);
2.后台返回json 前端读取（不过对方要求无ajax或json 情况，所以这种方法无用）
3，对方想的，用fs.write等方法修改 html 内容。
不知站内的朋友们还有没其他解决方案
提供下新人学习学习
这种方法你觉得个人觉得不是很好？
个人推荐：
1、将&div id=&name&&&/div&比如写在一个index.html；
2、在index.html添加一个异步请求，获取服务器端的uname，uage值；
3、异步返回uname，uage值以后，使用dom的功能，将数据填充到&div id=&name&&&/div&里面。
楼主不是说无Ajax吗
这是ajax 了吧。。。。能不能像php 那像将变量写在 html 里就ok 的方法
其实nodejs跟php一样,也可以用模板的原理:
1.先读取 html 模板文件,
2.替换 html 内容中特定的模板变量, 比如 “{{uname}}”, 这个标签格式你可以自定义;
3.把替换后的内容输出给客户端
您好，请问您所说的方法是先fs.read。然后再打开变量再去替换？？
socket.io也是可以的哈哈
对,先把模板文件用 fs.read 到变量中,然后用字符串替换(一般用正则)方法,把你需要显示的变量替换成变量值,再 response 给客户端
也是一种方式，这样速度会不会受影响
这是充分必要条件.否则你实现不了.其它模板引擎都是这么做的.
php 那种也是这样的是吧？？？、
太生动形象了！ 顶起
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。
服务器赞助商为
，存储赞助商为
，由提供应用性能服务。
新手搭建 Node.js 服务器，推荐使用无需备案的所有回答(7)
搜索什么，搜索数据库中东西吗？
在静态页面使用ajax调用后台的操作搜索
楼主要搜索什么？
园豆：9726
园豆：9726
利用js可以解决 原理 show和hide加+字符串处理 需要的话我明天上班可以提供案例
$("domID").val() 就是你要输入的文本框的值 记得引用jq文件&
搜索什么东西？
园豆：8243
园豆：8243
好像上次有人问过 ，我推荐的是&
/wordpress/2010/06/%E7%BA%AF%E5%AE%A2%E6%88%B7%E7%AB%AF%E9%A1%B5%E9%9D%A2%E5%85%B3%E9%94%AE%E5%AD%97%E6%90%9C%E7%B4%A2%E9%AB%98%E4%BA%AEjquery%E6%8F%92%E4%BB%B6/
园豆：1860
输入搜索值：
qweqwwertyuiopasdfghjkklzxcvnm
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&
&title&无标题文档&/title&
&input type="text" id="searchvalue"
/& &input type="button" onclick="javascript:search()"value="搜索" /&
cols="100" rows="10" id="textvalue" &qweqwwertyuiopasdfghjkklzxcvnm&/div&
function search(){
var searchtext=document.getElementById("searchvalue").
var textvalue=document.getElementById("textvalue").innerHTML;
if(searchtext.length==0){
document.getElementById("textvalue").innerHTML=textvalue.replaceAll(searchtext,"&font color='red'&"+searchtext+"&/font&");
String.prototype.replaceAll = function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);
楼主,我给你js代码,不能发附件,就直接给你放这了,你要文件,联系我QQ,我发给你,
// by zhangxixnu & welcome to visit my personal website /// textSearch.js v1.0 文字，关键字的页面纯客户端搜索//
修复多字母检索标签破碎的问题//
修复页面注释显示的问题// 不论何种情况，务必保留作者署名。 (function($){&& &$.fn.textSearch = function(str,options){&& &&& &var defaults = {&& &&& &&& &divFlag: true,&& &&& &&& &divStr: " ",&& &&& &&& &markClass: "",&& &&& &&& &markColor: "red",&& &&& &&& &nullReport: true,&& &&& &&& &callback: function(){&& &&& &&& &&& &&& &&& &&& &&& &}&& &&& &};&& &&& &var sets = $.extend({}, defaults, options || {}), clS&& &&& &if(sets.markClass){&& &&& &&& &clStr = "class='"+sets.markClass+"'";&& &&& &&& &}else{&& &&& &&& &clStr = "style='color:"+sets.markColor+";'";&& &&& &}&& &&& &&& &&& &//对前一次高亮处理的文字还原&& &&& &$("span[rel='mark']").removeAttr("class").removeAttr("style").removeAttr("rel");&& &&& &&& &&& &&& &&& &//字符串正则表达式关键字转化&& &&& &$.regTrim = function(s){&& &&& &&& &var imp = /[\^\.\\\|\(\)\*\+\-\$\[\]\?]/g;&& &&& &&& &var imp_c = {};&& &&& &&& &imp_c["^"] = "\\^";&& &&& &&& &imp_c["."] = "\\.";&& &&& &&& &imp_c["\\"] = "\\\\";&& &&& &&& &imp_c["|"] = "\\|";&& &&& &&& &imp_c["("] = "\\(";&& &&& &&& &imp_c[")"] = "\\)";&& &&& &&& &imp_c["*"] = "\\*";&& &&& &&& &imp_c["+"] = "\\+";&& &&& &&& &imp_c["-"] = "\\-";&& &&& &&& &imp_c["$"] = "\$";&& &&& &&& &imp_c["["] = "\\[";&& &&& &&& &imp_c["]"] = "\\]";&& &&& &&& &imp_c["?"] = "\\?";&& &&& &&& &s = s.replace(imp,function(o){&& &&& &&& &&& &return imp_c[o];&& &&& &&& &&& &&& && &&& &&& &&& &});&& &&& &&& &&& &&& &&& &};&& &&& &$(this).each(function(){&& &&& &&& &var t = $(this);&& &&& &&& &str = $.trim(str);&& &&& &&& &if(str === ""){&& &&& &&& &&& &alert("关键字为空");&& &&& &&& &&& &&& &&& &&& &&& &}else{&& &&& &&& &&& &//将关键字push到数组之中&& &&& &&& &&& &var arr = [];&& &&& &&& &&& &if(sets.divFlag){&& &&& &&& &&& &&& &arr = str.split(sets.divStr);&& &&& &&& &&& &&& &}else{&& &&& &&& &&& &&& &arr.push(str);&& &&& &&& &&& &&& &}&& &&& &&& &}&& &&& &&& &var v_html = t.html();&& &&& &&& &//删除注释&& &&& &&& &v_html = v_html.replace(/&!--(?:.*)\--&/g,"");&& &&& &&& &&& &&& &&& &//将HTML代码支离为HTML片段和文字片段，其中文字片段用于正则替换处理，而HTML片段置之不理&& &&& &&& &var tags = /[^&&]+|&(\/?)([A-Za-z]+)([^&&]*)&/g;&& &&& &&& &var a = v_html.match(tags), test = 0;&& &&& &&& &$.each(a, function(i, c){&& &&& &&& &&& &if(!/&(?:.|\s)*?&/.test(c)){//非标签&& &&& &&& &&& &&& &//开始执行替换&& &&& &&& &&& &&& &$.each(arr,function(index, con){&& &&& &&& &&& &&& &&& &if(con === ""){}&& &&& &&& &&& &&& &&& &var reg = new RegExp($.regTrim(con), "g");&& &&& &&& &&& &&& &&& &if(reg.test(c)){&& &&& &&& &&& &&& &&& &&& &//正则替换&& &&& &&& &&& &&& &&& &&& &c = c.replace(reg,"♂"+con+"♀");&& &&& &&& &&& &&& &&& &&& &test = 1;&& &&& &&& &&& &&& &&& &}&& &&& &&& &&& &&& &});&& &&& &&& &&& &&& &c = c.replace(/♂/g,"&span rel='mark' "+clStr+"&").replace(/♀/g,"&/span&");&& &&& &&& &&& &&& &a[i] =&& &&& &&& &&& &}&& &&& &&& &});&& &&& &&& &//将支离数组重新组成字符串&& &&& &&& &var new_html = a.join("");&& &&& &&& &&& &&& &&& &$(this).html(new_html);&& &&& &&& &&& &&& &&& &if(test === 0 && sets.nullReport){&& &&& &&& &&& &alert("没有搜索结果");&& &&& &&& &&& &&& &&& &&& &&& &}&& &&& &&& &&& &&& &&& &//执行回调函数&& &&& &&& &sets.callback();&& &&& &});&& &};})(jQuery);
&&&您需要以后才能回答，未注册用户请先。24被浏览3401分享邀请回答2添加评论分享收藏感谢收起6添加评论分享收藏感谢收起解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
字体：[ ] 类型：转载 时间：
本篇文章是对在Jquery中把一段html代码动态写入到DIV中的实现方法进行了详细的分析介绍，需要的朋友可以参考下
代码如下:nav1 = "&div style='width:145height:62float:background:url(login_image/index/on_1.jpg);font-size:18color:line-height:65' id='left_tab" +& "&/div&" 代码如下:&$("#top_1").html(nav1);说明：top_1是body中的一个div的ID！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具安全检查中...
请打开浏览器的javascript，然后刷新浏览器
< 浏览器安全检查中...
还剩 5 秒&}