日期:2014-05-17  浏览次数:20601 次

使用ajax显示文章内容
接到一个东西,
要求: 
一个页面上面有4个层,每层显示一篇新闻内容,
由于使用cms开发,不太灵活,没想到什么办法。


老大说用ajax查这4篇文章的标题。

想请教我怎么用ajax显示出这4篇文章内容。。。

不是很懂 , 求教中。。。


------解决方案--------------------
http://www.cnblogs.com/eecc/archive/2008/07/29/1255389.html
------解决方案--------------------
是不是点击这四个标题分别显示相应的文章内容?
那你在文章标题的标签上写上相应的文章ID的属性,点击标题之后将自己的文章ID发送的服务器上,返回文章的内容,然后用html插入的方式替代掉。
代码参考:
JScript code

<script type="text/javascript">
        $(function () {
            $(".article").click(function () {
                var articleid = $(this).attr("articleid");
                $.ajax({
                    url: "xxx.ashx",//你相应路径的ashx页面,接收文章ID参数,返回文章内容html  如果是别人cms你看看它有没有给相应的接口或者方法
                    type: "post|get",//传值方式 post或者get均可
                    data: { "articleid": articleid },//你传过去的文章ID
                    success: function (result, status) {//回调函数
                        if (result != "") {
                            $(".content").html(result);//异步更新掉文章内容
                        }
                    }
                })
            })
        })
    </script>

------解决方案--------------------
html代码


<div class="tbl-box">
<div id="tftable">
</div>
</div>
<div style="display:none;" class="pagelist" style="margin-top: 6px;">
<span id="spanPageinfo1" ></span>
<p class="fl">
<span class="pre" style="cursor: hand" onclick="FirstPage()"></span><span style="cursor: hand" class="pre1" onclick="OnPage()" >
</span><span>共<span id="spanAllRowS"></span>行&nbsp;第<span id="spanPageIndex1"></span>页&nbsp;第&nbsp;<span
id="spanStartRows"></span>-<span id="spanEndRows"></span> 行&nbsp;</span><span style="cursor: hand"
class="next" onclick="NextPage()" ></span><span style="cursor: hand" class="next1" onclick="LastPage()"></span></p>
</div>

<script >

gettableinfor(1);
var pageIndex = 1;

function gettableinfor(pageto)
{
$("#add_user").attr("disabled", "");
$("#a1").attr("disabled", "");
if('<%=accountids.ToString() %>'!=""){
$("#tftable").html("<table width='100%' border='0' cellspacing='0' cellpadding='0' class='tbl-Ttop-border'><tr><td colspan='16' style='text-align:center;'>获取数据中!</td></tr></table>");
var txtboxe=$("#txtsele").val();
$("#spanStartRows").html("1"); //开始行
$("#spanEndRows").html("1"); //结束行
$("#spanPageIndex1").html("1"); //当前页
var pagesize=20;
if(pageto==0){
pageIndex = 1;
}else
{
pageIndex=pageto;
}
var text=Web3._0.PreventMaliciousclicks.pmcIPRuledOut.Get_Infor_table('<%=accountids.ToString() %>',txtboxe,pagesize,pageIndex);
var infos = text.value.split("$$$");
count=Number(infos[1]);

if(pageto == 1)
{
$("#spanStartRows").html(1); //开始行
if(Number(infos[1])<=20){
$("#spanEndRows").html(infos[1]); //结束行
}else
{
$("#spanEndRows").html(20); //结束行
}
} else {
$("#spanStartRows&quo