使用jquery写了一个点击按钮后在页面输出结果的程序，能用AJAX让页面不刷新吗？解决方法
日期：2014-05-16 浏览次数：20355 次
使用jquery写了一个点击按钮后在页面输出结果的程序，能用AJAX让页面不刷新吗？
程序如下：
现在的效果是点击“添加链接”后在页面上加入了一个链接，但是必须刷新，之前的2个文本框和按钮都没有了。
我想实现的是点击添加链接后，文本框和按钮都还有，而且可以继续添加
------解决方案--------------------
程序如下：
<html>
<head>
<title>更改链接</title>
</head>
<body>
<form>
<input id = "txt_cap01" type="text" value="">
<input id = "txt_ref01" type="text" value="http://www.baidu.com">
<input type="button" id="btn_add" value="添加链接">
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$("#btn_add").click(
function(){
var ref_add = document.getElementById("txt_ref01").value
var cap_add = document.getElementById("txt_cap01").value
document.write("<a href = '" + ref_add + "'>" + cap_add + "</a>");
}
);
}
);
</script>
</body>
</html>
现在的效果是点击“添加链接”后在页面上加入了一个链接，但是必须刷新，之前的2个文本框和按钮都没有了。
我想实现的是点击添加链接后，文本框和按钮都还有，而且可以继续添加
------解决方案--------------------
<html>
<head>
<title>更改链接</title>
</head>
<body>
<form>
<input id = "txt_cap01" type="text" value="">
<input id = "txt_ref01" type="text" value="http://www.baidu.com">
<input type="button" id="btn_add" value="添加链接">
<p> </p>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$("#btn_add").click(
function(){ &n
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
