ajax读取CSS

html-css014

ajax读取CSS,第1张

ajax加载CSS文件我就这么干,可以解决ajax加载包含CSS的网页的问题。

把a.html的CSS写在文件外面,独立出一个单独的CSS文件。然后写个函数比如

function test(){

var aa=document.getElementsByTagName('HEAD').item(0)

var nn=document.createElement("style")

nn.src="你的CSS文件地址"

nn.type="text/css"

aa.appendChild(nn)

上面就是示例代码,能把外面的CSS文件加进来并马上执行,当然你可以做下调整按照你的需要,主要就是加入那段DOM操作。希望对你有帮助。

1、利用jQuery+ajax到后台进行逻辑操作

2、将逻辑操作后的结果进行返回

$(function(){

    $.ajax({

        url : "给出url地址",

        type : "post",

        dataType : "json",

        data : {"要传的值的变量名称":要穿的值得实际值},

        success : function(data) {

            // 将data进行解析,然后进行叶面的逻辑操作即可

        }

    })

}) // Java后台操作(这里就讲到Java后台进行ajax处理)

// public String ajaxMethod()

{    

    // 进行逻辑操作,很多时候都是操作一个list,封装成json,然后返回字符串

    return SUCCESS

} <-- 其实这里应该在Java上面进行配置,一般是struts.xml里面进行配置返回的json操作 -->

<action name="名称" class="对应的操作的Action类" method="方法名">

    <result type="json">

        <param name="root">json</param>

    </result>

</action>

这样的一个流程其实就可以进行异步操作了。其余的再进行完善吧。

先设计出静态页面效果,然后你把“只刷新下面的内容”的代码放到服务器端,在客户端通过ajax跟服务器交互取回这部分代码,然后通过js创建取回代码的元素。如果你不会建议加强javascript方面的学习,推荐学习网站w3cshool.com。