栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

创建HTML:PHP服务器端与jQuery客户端

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

创建HTML:PHP服务器端与jQuery客户端

为什么要在PHP中生成HTML:

  • Javascript应该定义行为,而不是内容。
  • 用Javascript创建需要更多标记(多行字符串不像PHP中那样容易)。
  • 如果您的HTML是在多个位置(PHP和JS)生成的,则很难维护。
  • 您可以使用jQuery的DOM操作函数来创建HTML,但从长远来看,您会陷入困境。
  • 在服务器上创建HTML的速度比在浏览器上创建HTML的速度要快(在计算意义上)。
  • 使用PHP循环更容易-生成表标记很容易。
  • 如果在页面加载时输出标记,则用户禁用了Javascript,则可以保留某种可操作性。

为什么要在jQuery中生成HTML:

  • 您会节省一些带宽。
  • 绑定事件可能更简单。

因此,我赞成第一种选择,即在PHP中生成HTML。


视觉比较这两种方法,创建一个简单的表。

选项1,使用PHP:

// PHP$html = '<table>';    foreach($data as $row) {    $html .= '<tr>';    $html .= '<td><a href="#" >Click!</a></td>';    $html .= '<td>'.$row['id'].'</td>';    $html .= '<td>'.$row['name'].'</td>';    $html .= '</tr>';}$html .= '</table>'; echo $html;?>// jQuery$('#container').load('handler.php', function() {    $('#container a.button').click(function() {        // Do something    });});

选项2,使用jQuery:

// PHPecho json_enpre($data);// jQuery$.ajax({    url: 'handler.php',    dataType: 'json',    success: function(data) {        var table = $('<table />');        var len = data.length;        for(var i = 0; i < len; i++) { var row = $('<tr />'); var a = $('<a />').attr('href', '#').addClass('button'); row.append($('<td />').append(a)); row.append($('<td />').html(data[i].id); row.append($('<td />').html(data[i].name); table.append(row);        }        table.find('.button').click(function() { // Do something        });        $('#container').html(table);    }});

从设计/易于编码/美观的角度来看,我肯定会说采用PHP方法。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/469254.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号