Javascript ajax函数不打开页面
我不明白为什么ajax不起作用。 我的代码:Javascript ajax函数不打开页面,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我不明白为什么ajax不起作用。 我的代码: 功能编辑行(id) { $.ajax({ 方法:'get', url:'form.php', 成功:功能(数据) { $('#form_div').html(数据); } }); } 它没有打开form.php onclick有什么问题请帮助我 单击链接。JavaScript运行。下面是链接。加载一个新页面(具有相同的URL,因为您有href=“”)。JavaScript停止,因为它的环境已经消失 用按钮代替。你必须把 href="javas
功能编辑行(id)
{
$.ajax({
方法:'get',
url:'form.php',
成功:功能(数据)
{
$('#form_div').html(数据);
}
});
}
它没有打开form.php onclick有什么问题请帮助我 单击链接。JavaScript运行。下面是链接。加载一个新页面(具有相同的URL,因为您有
href=“”
)。JavaScript停止,因为它的环境已经消失
用按钮代替。你必须把
href="javascript:void(0)"
而不是
href=""
否则它将在不调用ajax的情况下重新加载页面您没有将“id”传递给您form.php我想您需要传递它:
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript">
function edit_row(id)
{
$.ajax({
method:'get',
url:'form.php',
data: {id: id },
success:function(data)
{
$('#form_div').html(data);
}
});
}
</script>
功能编辑行(id)
{
$.ajax({
方法:'get',
url:'form.php',
数据:{id:id},
成功:功能(数据)
{
$('#form_div').html(数据);
}
});
}
我会这样做(不使用onClick
属性):
$(函数(){
$('a.edit')。单击(函数(e){//或:$。在('click','a.edit',函数(e)'{
e、 预防默认值();
var id=$(this.attr('id');
$.ajax({
方法:'get',
url:'form.php',
数据:{id:id},
成功:功能(数据){
$('#form_div').html(数据);
}
});
});
它为什么要打开…它的AjaxU在form.php中有什么。ajax只调用url.backend你在form.php中做什么。??你还没有关闭Javascript,所以php是脚本的一部分。呃,你现在拆分了两段代码?在HTML上使用。jquery的一个功能是它可以轻松简化你的代码,这样你就不必使用onCli了ck html属性。
href=""
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript">
function edit_row(id)
{
$.ajax({
method:'get',
url:'form.php',
data: {id: id },
success:function(data)
{
$('#form_div').html(data);
}
});
}
</script>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function() {
$('a.edit').click(function(e) { // or: $.on('click', 'a.edit', function(e) {
e.preventDefault();
var id = $(this).attr('id');
$.ajax({
method:'get',
url: 'form.php',
data: {id:id},
success: function(data) {
$('#form_div').html(data);
}
});
});
</script>
<?php
echo '<td style="$style">$status
<a href="#" id="' . $data['type_id'] . '" title="Edit" class="edit">
<img src="images/pencil.png" width="30px" height="30px">
</a></td></tr>';
?>