在前台开发中避免不了接口请求。现在最常用的就是ajax请求。本人也是新手,分享一下我的代码。
js部分
$(document).ready(function() {
$("#btncheck").click(function(e) {
e.preventDefault();
var name = $("input[name='input']").val();
$.ajax({
url : "***",
type : "POST",
data : {story:name},
dataType : "text",
timeout : 1000000000, //超时时间设置,单位毫秒
success : function(result) {
alert ("添加关键词成功");
},
error:function(msg){
alert("添加关键词失败");
}
})
return false;
})
html部分
<div class="modal fade mymodal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×
</button>
<h4 class="modal-title" id="myModalLabel">
添加词库
</h4>
</div>
<div class="modal-body">
将要插入词库的词语: <input type="text" id="input" name="input" value="">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" id="btncheck" class="btn btn-primary">
提交
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
PS:
#btncheck与input等id要一致。