Jquery实现的纯HTML进行ajax数据绑定的列子，有木有？该怎么解决
Jquery实现的纯HTML进行ajax数据绑定的列子，有木有？
最近去面试了一家公司，做前端，要求用纯HTML页面，我没有写过，想了解下怎么弄！谁有Jquery实现的纯HTML进行ajax数据绑定的列子吗？分享下啊 ，谢谢了！非常感谢。邮箱linyu234@qq.com
------解决方案--------------------
这个百度上很多教程，可以*选择学习
------解决方案--------------------
参见
http://dotnet.aspx.cc/file/jQuery-Ajax-Call-WebService-DataTable.aspx
------解决方案--------------------
前后端还是要配合使用的，就像你现在的这个问题，你的前提还是要知道你的后台返回什么的数据，“纯文本，json,xml，拼接的html”,这样你再callback这个函数中，才好有具体的操作
------解决方案--------------------
我感觉这样的话 分页什么的是不是不太好控制？分页神马的也要追加上去- -
------解决方案--------------------
------解决方案--------------------
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="UTF-8" ?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jTemplates</title>
</head>
<body>
<div id="result"></div>
<div id="foreachResult"></div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://jtemplates.tpython.com/jquery-jtemplates_uncompressed.js"></script><BR>
<BR><script type="text/template" id="foreach">
<table>
<thead>
<tr>
<td>Index</td>
<td>ID</td>
<td>Name</td>
<td>Age</td>
<td>Mail</td>
</tr>
</thread>
<tbody>
{#foreach $T.table as record begin=1}
<tr>
<td>{$T.record$index}</td>
<td>{$T.record.id}</td>
<td>{$T.record.name}</td>
<td>{$T.record.age}</td>
<td>{$T.record.mail}</td>
</tr>
{#/for}
</tbody>
</table>
</script>
<script>
$(function($) {
var data = {
name: 'User list',
list_id: 6,
table: [
{ id: 1, name: 'Alex', age: 21, mail: 'Alex@tripal.com' },
{ id: 2, name: 'Amelie', age: 24, mail: 'amelie@domain.com' },
{ id: 3, name: 'Polly', age: 18, mail: 'polly@domain.com' },
{ id: 4, name: 'Alice', age: 26, mail: 'alice@domain.com' },
{ id: 5, name: 'Martha', age: 25, mail: 'martha@domain.com' }
]
};
var mydata = { name: "Alex", age: "21" };
$("#result").setTemplate("My name is {$T.name}");
$("#result").processTemplate(mydata);
$('#foreachResult').setTemplate($('#foreach').html()).processTemplate(data);
$('#foreachResult').delegate('td', 'click', function() {
alert($(this).text());
最近去面试了一家公司，做前端，要求用纯HTML页面，我没有写过，想了解下怎么弄！谁有Jquery实现的纯HTML进行ajax数据绑定的列子吗？分享下啊 ，谢谢了！非常感谢。邮箱linyu234@qq.com
------解决方案--------------------
这个百度上很多教程，可以*选择学习
------解决方案--------------------
参见
http://dotnet.aspx.cc/file/jQuery-Ajax-Call-WebService-DataTable.aspx
------解决方案--------------------
前后端还是要配合使用的，就像你现在的这个问题，你的前提还是要知道你的后台返回什么的数据，“纯文本，json,xml，拼接的html”,这样你再callback这个函数中，才好有具体的操作
------解决方案--------------------
我感觉这样的话 分页什么的是不是不太好控制？分页神马的也要追加上去- -
------解决方案--------------------
------解决方案--------------------
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="UTF-8" ?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jTemplates</title>
</head>
<body>
<div id="result"></div>
<div id="foreachResult"></div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://jtemplates.tpython.com/jquery-jtemplates_uncompressed.js"></script><BR>
<BR><script type="text/template" id="foreach">
<table>
<thead>
<tr>
<td>Index</td>
<td>ID</td>
<td>Name</td>
<td>Age</td>
<td>Mail</td>
</tr>
</thread>
<tbody>
{#foreach $T.table as record begin=1}
<tr>
<td>{$T.record$index}</td>
<td>{$T.record.id}</td>
<td>{$T.record.name}</td>
<td>{$T.record.age}</td>
<td>{$T.record.mail}</td>
</tr>
{#/for}
</tbody>
</table>
</script>
<script>
$(function($) {
var data = {
name: 'User list',
list_id: 6,
table: [
{ id: 1, name: 'Alex', age: 21, mail: 'Alex@tripal.com' },
{ id: 2, name: 'Amelie', age: 24, mail: 'amelie@domain.com' },
{ id: 3, name: 'Polly', age: 18, mail: 'polly@domain.com' },
{ id: 4, name: 'Alice', age: 26, mail: 'alice@domain.com' },
{ id: 5, name: 'Martha', age: 25, mail: 'martha@domain.com' }
]
};
var mydata = { name: "Alex", age: "21" };
$("#result").setTemplate("My name is {$T.name}");
$("#result").processTemplate(mydata);
$('#foreachResult').setTemplate($('#foreach').html()).processTemplate(data);
$('#foreachResult').delegate('td', 'click', function() {
alert($(this).text());