我有一个这样的链接。
<a value-id='1' href='#myModal' class='marker' title='Edit'>LINK</a>
在模态中,我想接收php中的值。
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<?php
//CODE TO PUT THE VALUE INSIDE A VARIABLE
?>
</div>
</div>
</div>
我的问题是如何将值放入变量中。。。
在onclick上调用ajax函数,如下所示:-
<a value-id='1' href='#myModal' class='marker' title='Edit' onclick="functionname(passifvalueisdynamichere)">LINK</a>
现在,如果需要从服务器端获取值,那么您可以调用以下命令:-
function functionname(id) {
xmlhttp = getobject();
var query = "id="+id+"&action=setdraftMessage";
var base_url = document.getElementById("baseurlval").value;
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
var newArray = new Array();
////get value from server side///////////////
var result = xmlhttp.responseText;
///setvalue like///
document.getElementById("mailid").value =newArray[0];
}
};
xmlhttp.open("GET", base_url + "index.php/pass/index?type=setdraftMessage&"+ query, true);
xmlhttp.send(null);
}
JavaScript是一种客户端语言,PHP是一种服务器端语言。您不能在JavaScript中运行PHP代码。
如果您想在模态中填充数据并将其发送到后端,请向服务器上的PHP脚本提交一个表单。
不要在模态中使用<input type="submit" />
。使用Bootstrap不会很好。使用链接通过Ajax提交表单。您可以将链接设置为Bootstrap按钮。
例如,如果链接有一个submit类,并且表单的ID为"我的表单",则可以在jQuery中执行以下操作来提交表单:
$(function() {
$('.modal-footer').on('click', '.submit', function() {
var form = $('#my-form');
var data = form.serialize();
var url = form.attr('action');
$.post(url, data)
.done(function() {
alert('thanks for submitting your form!')
})
.fail(function() {
alert('uh oh, something went wrong! PLease try again');
})
});
});
显然,您必须编写一个PHP脚本来处理表单。