jQuery-用ajax方法代替$.getscript()方法

来源：互联网发布：透视投影矩阵编辑：程序博客网时间：2024/04/30 07:20

.getscript()方法的代码如下：

<!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><title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">* { margin:0; padding:0;}body { font-size:12px;}.comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}.comment h6 { font-weight:700; font-size:14px;}.para { margin-top:5px; text-indent:2em;background:#DDD;}</style> <!--   引入jQuery --><script src="jquery.js" type="text/javascript"></script><script type="text/javascript"> $(function(){        $('#send').click(function() {             $.getScript('getScriptText.js');        });   }) 
</script></head><body> <br/> <p> <input type="button" id="send" value="加载"/> </p><div  class="comment">已有评论：</div> <div id="resText" > </div></body></html>

getscripttext.js代码如下：

var comments = [  {    "username": "张三",    "content": "沙发."  },  {    "username": "李四",    "content": "板凳."  },  {    "username": "王五",    "content": "地板."  }];  var html = '';  $.each( comments , function(commentIndex, comment) {      html += '<div class="comment"><h6>' + comment['username'] + ':</h6><p class="para">' + comment['content'] + '</p></div>';  })  $('#resText').html(html);// JavaScript Document

用ajax()代替getscript()代码如下：

<!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><title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">* { margin:0; padding:0;}body { font-size:12px;}.comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}.comment h6 { font-weight:700; font-size:14px;}.para { margin-top:5px; text-indent:2em;background:#DDD;}</style> <!--   引入jQuery --><script src="jquery.js" type="text/javascript"></script><script type="text/javascript">$(function(){$('#send').click(function(){$.ajax({type:"GET",url:"getScriptText.js",dataType:"script"});});})   </script></head><body> <br/> <p> <input type="button" id="send" value="加载"/> </p><div  class="comment">已有评论：</div> <div id="resText" > </div></body></html>

阅读全文

0 0