第一个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