Question

jQuery：jQuery的ajax方法异步调用的问题

用ajax方法调用一个页面，调用成功后，js代码不能执行
在mian.aspx中ajax方法
<script type="text/javascript">
$(document).ready(function () {
$("#li_1").click(function () {
htmlobj = $.ajax({
url: "HtmlPage.html", async: false
});
$("#left").html(htmlobj.responseText);
});
});
</script>
被调用的页面HtmlPage.html
<link href="css/menu/menu.css" rel="stylesheet" />
<div style="margin:0px;width:200px;height:100%;">
<div class="box">
<ul class="menu">
<li class="level1"><a href="#none">信息管理</a>
<ul class="level2">
<li><a href="#none">同步动态</a></li>
<li><a href="#none">常见问题</a></li>
<li><a href="#none">站内消息管理</a></li>
</ul>
</li>
</ul>
</div>
</div>
<script type="text/javascript" src="js/menu/menu.js"></script>
主要是想执行外部链接的js代码
是哪里没想到，或者有什么其他方法调用呢。求大神指教

Answer 1

$.get( _thisItem.attr('href') , function( data ){
				
				_this.find('.product_item').removeClass('hide').html( data );
			});

我是这样写的，是可以执行加载后的html中的js代码，是一个页面中的计数器。

请求的url内容是不含html标签的头部，只含body部分。

有上线的案例，需要可以私信我。

Answer 2

$(document).ready(function () {
    $("#li_1").click(function () {
        htmlobj = $.ajax({
            url: "HtmlPage.html",
            async: false
        });
        // 请求完成之后再操作
        htmlobj.done(function (data) {
            $("#left").html(data);
        });
    });
});

Answer 3

jq的ajax里，success才是回调，你翻翻手册
$.ajax({
url:'',
success:function(){}
});

追问

success: function () {

$.getScript('js/menu/menu.js')
}

我加了success参数，但是还是不行，是哪里写错了么

追答

getScript并不是ajax，这个的作用是在页面添加一个script标签，引入js文件而已
已经偏离你开始的问题了

Answer 4

$.ajax({
    url: "HtmlPage.html",
    async: false,
    // dataType: "html", // 异步获取的格式
    errror: function(){},// 请求失败
    success: function( data ){// 参数 data 为获异步获取到的
        // 异步获取成功
        $("#left").html(data);
    }
});

jquery 的 ajax 还有很多别的参数，详细可以看看 API