第一个javascript+ajax

由于一直在做WinForm的程序,所以尚未接触过ajax,为了生计考虑还是要好好看下WEB这块。

参考资料:http://www.w3school.com.cn/jquery/ajax_ajax.asp

这篇资料写得很不错,方方面面都很详细。

自己改的CODE:

<html>
<head>
<script type="text/javascript" src="lib/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#b01").click(function () {
            //htmlobj = $.ajax({ url: "/jquery/test1.txt", async: false });
            newTxt = $("#Text1")[0].value;
           
   alert("JQUERY");
   $("#myDiv").html(newTxt);
        });
    });

function change()

 alert("JS!");
}

</script>
</head>
<body>

<div id="myDiv">
  <h2>通过 AJAX 改变文本</h2>
</div>
<input id="Text1" type="text" />
<button id="b01" type="button" onclick="change()" >改变内容</button>

</body>
</html>

 页面上顺便测试了下JS与JQUERY的顺序

结果:先执行JS,后执行JQUERY

posted on 2013-05-15 14:59  马来亚  阅读(127)  评论(0编辑  收藏  举报

导航