将json放入modal中
Place json into modal
我有一个从pho函数返回的JSON数据,如下所示:
[{"id":"15","activity_type":"call","activity_title":"Call to check "}]
这里是启动请求的脚本(actvity.js)(已编辑)
$(document).on("click", ".view_contact_activity", function () {
var this_activity_id = $(this).closest('.feeds').find('#this_activity_id').val();
$('#view-contact-activity').modal('show');
$.ajax({
url: '../includes/functions/contact-functions.php',
data: {view_activity_id:this_activity_id},
dataType:'json',
Success: function(response){
$('#activity_id').val(response[0].id);
$('#activity_type').val(response[0].activity_type);
}
});
});
我需要值显示的模式:
<div class="modal fade" id="view-contact-activity" tabindex="-1" role="basic" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="portlet-body form">
<form class="form-horizontal" role="form" id="view-contact-activity-form" method="post">
<div class="form-group">
<label class="col-sm-3 control-label col-lg-3"> Activity Title</label>
<input type="text" name="activity_id" id="activity_id" value="">
<label class="col-sm-3 control-label col-lg-3"> Activity Type</label>
<input type="text" name="activity_type" id="activity_type" value="">
<div class="modal-footer">
<div class="col-lg-offset-2 col-lg-10">
<button type="submit" name="create-new-account" class="btn btn-danger" id="edit">Edit Activity</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
模态显示,但没有数据传递到模态中。你知道我在这里做错了什么吗。
EDIT:添加返回JSON 的PHP函数
function view_activity(){
global $connection;
$activity_id = $_POST['view_activity_id'];
$get = "SELECT * FROM contact_activities WHERE activity_id = '$activity_id' "
or die("Error: ".mysqli_error($connection));
$query = mysqli_query($connection, $get);
$activitiy_field = array();
while ($activity_array = mysqli_fetch_array($query)){
$activity = array(
'id' => $activity_array['activity_id'],
'activity_type' => $activity_array['activity_type'],
'activity_title'=>$activity_array['activity_title'],
'activity_details'=>$activity_array['activity_details'],
'activity_status'=>$activity_array['activity_status'],
'activity_details'=>$activity_array['activity_details'],
'activity_details'=>$activity_array['activity_details'],
);
$activitiy_field[] = $activity;
}
echo json_encode($activitiy_field);
}
if (isset($_POST['view_activity_id'])) {
view_activity();
}
谢谢。
使用.val()而不是.html().
$('#activity_id').val(response.id);
$('#activity_type').val(response.activity_type);
修改:您的javascript应该如下所示:
$(document).on("click", ".view_contact_activity", function () {
var this_activity_id = $(this).closest('.feeds').find('#this_activity_id').val();
$('#view-contact-activity').modal('show');
$.ajax({
url: '../includes/functions/contact-functions.php',
data: {view_activity_id:this_activity_id},
dataType:'json',
Success: function(response){
$('#activity_id').val(response[0].id);
$('#activity_type').val(response[0].activity_type);
}
});
});
在多个地点挖掘后。我发现了一个类似的问题。
$(document).on("click", ".view_contact_activity", function () {
var this_activity_id = $(this).closest('.feeds').find('.id #this_activity_id').val();
$('#view-contact-activity').modal('show')
$('#view-contact-activity').on('show.bs.modal', function() {
$modal = $(this);
$.ajax({
url: '../includes/functions/contact-functions.php',
data: {view_activity_id:this_activity_id},
dataType:'json',
success: function(response){
// Find the elements in the modal
$modal.find('#activity_id').val(response[0].id);
$modal.find('#activity_type').val(response[0].activity_type);
}
});
});
});
相关文章:
- 如何将具有文本类型值的var放入jQuery函数中
- 如何将php内容放入javascript标记中
- 如何将jQuery/AAJAX结果放入表格单元格
- 将*.js文件的内容放入Object中
- 如何收集Knockout可观察性以放入JSON
- 将JSON转换为放入Sdcard中的CSV文件
- 如何将PHP放入Javascript中
- 正在尝试将JSON文件放入JS数组
- 如何获取文本框组的值,并使用jquery将它们放入(key:Value)数组中
- 如何为javascript方法放入jquery确认对话框
- 将HTML放入Javascript的优点
- ng disabled在放入多个表达式时失败
- 将负载放入变量中
- 如何在Chrome中找到JSON后将其放入我的应用程序's开发人员工具
- ajax成功地将数组中的数据放入表中各自的输入中
- 如何将这些查询结果放入表中
- 如何在javascript中循环并将JSON对象放入数组中
- 将CreateElementNS放入函数(SVG组、形状等)中
- 将变量放入ajax函数JQuery
- 将json放入modal中