Ajax Twitter引导模式表单提交
我是Twitter引导程序的初学者,我正在尝试从一个模式框中处理一个表单,这个模式框也加载了Ajax。问题是我不知道如何使用它。我在谷歌上搜索了好几个小时,但找不到一个好的例子 我以前使用过jQueryUI,我想可能差不多。 我想知道以下几点:Ajax Twitter引导模式表单提交,ajax,twitter,twitter-bootstrap,submit,modal-dialog,Ajax,Twitter,Twitter Bootstrap,Submit,Modal Dialog,我是Twitter引导程序的初学者,我正在尝试从一个模式框中处理一个表单,这个模式框也加载了Ajax。问题是我不知道如何使用它。我在谷歌上搜索了好几个小时,但找不到一个好的例子 我以前使用过jQueryUI,我想可能差不多。 我想知道以下几点: 如何使用Ajax加载包含表单的文件 仅在加载表单后使用选择器(例如$(“#item”);获取表单中键入的值是否有效 如何绑定model的Submit按钮,通过Ajax将表单发送到另一个文件 我将感谢您的帮助,我可以提供以下表格示例: <di
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Submit a link</h3>
</div>
<div class="modal-body">
<div id="msgholder1"></div>
<div id="msg-loader"></div>
<form action="../ajax/controller.php" data-async data-target="#msgholder1" id="add-link-form" method="POST">
<table id="theform">
<tr>
<td>URL:</td>
<td><input type="text" name="url" size="45" class="text ui-widget-content ui-corner-all" id="url" /></td>
</tr>
<tr>
<td>Quality:</td>
<td><select name="quality" id="quality">
<option value="0">Pick One ...</option>
<option value="1">CAM</option>
<option value="2">TS</option>
<option value="3">DVD</option>
</select><br />
</td>
</tr>
<tr>
</fieldset>
</form>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
&时代;
提交链接
网址:
质量:
挑一个。。。
凸轮
TS
数字化视频光盘
接近
保存更改
任何类型的相关文档也很有用
谢谢 经过几个小时的研究和工作,我得到了以下可用的Ajax模式脚本:
<script type="text/javascript">
$(document).ready(function() {
$('#addlink').on('click', function(event) {
var href = SITEURL + '/modules/movies/addlink.tpl.php?movie_id=<?php echo $movie->id; ?>';
$.get(href, function(response) {
$('.modal').html(response);
$('.modal').modal({keyboard:true});
$('button#submit_link').bind('click', function()
{
$('.modal-body').html('<p>Loading ...</p>');
$.ajax({
type: 'post',
url: SITEURL + "/ajax/controller.php",
data: 'action=report_link',
dataType : 'html',
context: $(this),
success: function (msg) {
$(".modal-body").html(msg);
}
});
});
});
event.preventDefault();
});
});
</script>
$(文档).ready(函数(){
$('#addlink')。在('click',函数(事件){
var href=SITEURL+'/modules/movies/addlink.tpl.php?movie_id=';
$.get(href,函数(响应){
$('.modal').html(响应);
$('.modal').modal({keyboard:true});
$('button#submit_link').bind('click',function())
{
$('.modal body').html('加载…');
$.ajax({
键入:“post”,
url:SITEURL+“/ajax/controller.php”,
数据:“操作=报告链接”,
数据类型:“html”,
上下文:$(本),
成功:功能(msg){
$(“.modal body”).html(msg);
}
});
});
});
event.preventDefault();
});
});
了解如何操作并发布解决方案的要点。