Javascript json使用ajax在另一个新页面上获取数据,但即使使用e.preventDefault()也可以重新加载页面;作用
我想在另一个新页面上获取值,并在不刷新的情况下打开新页面 我在这里使用post方法,我在使用json获取值 我是这段ajax代码的新手 我想从team.php controller页面移动到team_detail.php页面,而不使用值刷新页面 我正在使用team.js文件Javascript json使用ajax在另一个新页面上获取数据,但即使使用e.preventDefault()也可以重新加载页面;作用,javascript,php,jquery,json,ajax,Javascript,Php,Jquery,Json,Ajax,我想在另一个新页面上获取值,并在不刷新的情况下打开新页面 我在这里使用post方法,我在使用json获取值 我是这段ajax代码的新手 我想从team.php controller页面移动到team_detail.php页面,而不使用值刷新页面 我正在使用team.js文件 $( ".all_athlete_list2" ).on( "click", function(e) { e.preventDefault(); var av = $(this).attr("data-jso
$( ".all_athlete_list2" ).on( "click", function(e) {
e.preventDefault();
var av = $(this).attr("data-json1");
var av2 = JSON.parse(av);
$.ajax({
type: 'POST',
url: 'team_details',
data: {'teamId1=' : av2},
complete: function(data){
location.href = "team_detail;
}
});
});
我的html部分我正在使用锚标记来获取值
team.php文件,其中我正在使用锚定标记移动另一个具有值的页面
<?php foreach ($data['teams'] as $key => $value) { ?>
<tr> <td>
<a class="all_athlete_list2" style="color:black" data-json1='<?php
echo json_encode($value['team_id'], TRUE); ?>' data-
block="team_form_block" data-form="team_form" > <?php echo
$value['team_name']; ?>
</a>
</td></tr>
<?php } ?>
在模型中,我使用简单的select查询来获取数据,但在模型中,并没有显示teamId1的值,在where条件下,它的空白值会显示
这是Team_details.php模块页面
public function fetch_team($data1){
$all_id = $data1;
$query = $this->db->query("SELECT u1.first_name 'first_name(coach_name)',
u2.first_name 'first_name(athlete_name)',
dtt.team_id,
dtt.team_name
FROM dev_team dtt
INNER JOIN dev_teams_athlete dtta on dtt.team_id = dtta.team_id
LEFT JOIN dev_user u1 on dtt.user_id = u1.user_id
LEFT JOIN dev_user u2 on dtta.user_id = u2.user_id where dtt.team_id = '$all_id' ");
$result = $query->result_array();
return $result;
}
我希望在没有页面刷新的情况下获得值,并在另一个页面上使用
价值
我想在“查看”页面的“团队详细信息”中使用值重定向我的页面
这是否有助于为您确定正确的方向
$(“所有运动员名单2”)。在(“点击”,功能(e){
e、 预防默认值();
var av=$(this.attr(“data-json1”);
var av2=JSON.parse(av);
$.ajax({
键入:“POST”,
url:“团队详细信息”,
数据:{'teamId1=':av2},
完成:功能(数据){
$.ajax({
键入:“GET”,
url:“团队详细信息”,
完成:功能(数据){
//在这里用你的回答做点什么
}
});
}
});
}); 代码>我在team.js脚本中看到一个synthax错误:使用
数据:{teamId1:av2},
而不是
数据:{'teamId1=':av2},
我认为这可能会导致您的页面刷新location.href=“team\u detail;”
。您希望用它实现什么?先生,我想在控制器中移动另一个页面,正如您看到的索引();函数正在使用并重定向到另一个页面门户/Team_详细信息,我没有得到任何信息,但这应该是一个异步请求吗?如果是这样,意味着您不希望页面刷新,您应该发出另一个AJAX请求……是的,先生,您的回答是正确的,我对AJAX了解不多,请根据您的移动速度选择任何示例有值的其他页面,可以不刷新页面而移动另一页面先生,在获取我所放置的内容并将其移动到另一页面时,我的值不会出现在另一页面上,我的代码是任何修改,先生,您有没有任何示例可以不刷新页面而移动另一页面(不是致命错误)。您已经写入了数据:{'teamId1=':av2},
这意味着您发布了名为'teamId1='和变量名为'teamId1='的JSON对象,但该对象在您的代码中不存在。很抱歉,我可以在工作时间结束后更详尽地分析您的问题。
public function fetch_team($data1){
$all_id = $data1;
$query = $this->db->query("SELECT u1.first_name 'first_name(coach_name)',
u2.first_name 'first_name(athlete_name)',
dtt.team_id,
dtt.team_name
FROM dev_team dtt
INNER JOIN dev_teams_athlete dtta on dtt.team_id = dtta.team_id
LEFT JOIN dev_user u1 on dtt.user_id = u1.user_id
LEFT JOIN dev_user u2 on dtta.user_id = u2.user_id where dtt.team_id = '$all_id' ");
$result = $query->result_array();
return $result;
}