jq获取form的内容,为什么获取不了模态层内容,求大神解疑

qq_38800735 2018-04-21 10:01:12
<!--模态窗口 -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">修改</h4>
</div>
<div class="modal-body modal-li">
<form id="modalform">
<ul>
<li>
<label for="countryid">国家</label>
<input type="text" class="form-control text-input" id="countryid" placeholder="id" disabled="disabled">
</li>
<li>
<label for="countryname">国家</label>
<input type="text" class="form-control text-input" id="countryname" placeholder="请输入姓名">
</li>
<li>
<label for="countrycode">代号</label>
<input type="text" class="form-control text-input" id="countrycode" placeholder="请输入编号">
</li>

</ul>
</form>

</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" onclick="update()">保存</button>
</div>
</div>
</div>
</div>


function update() {
var arry=[countryname,countrycode,countryid];
$.ajax({
//几个参数需要注意一下
type: "PUT",//方法类型
contentType:"application/x-www-form-urlencoded",
//contentType:"application/json",
dataType: "json",//预期服务器返回的数据类型
url: "http://localhost:8080/ssm/country",//url
data:$("form").serialize())
success: function (result) {
console.log($("form").serialize());//打印服务端返回的数据(调试用)
if (result.resultCode == 200) {
alert("SUCCESS");
}
;
},
error : function() {
alert("异常!");
}
})
$('#modal').modal('hide');

}



提交后也是显示不出信息。
...全文
315 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2018-04-22
  • 打赏
  • 举报
回复
<label for="countryid">国家</label> <input type="text" class="form-control text-input" id="countryid" name="countryid" placeholder="id" disabled="disabled"> </li> <li> <label for="countryname">国家</label> <input type="text" class="form-control text-input" id="countryname" name="countryname" placeholder="请输入姓名"> </li> <li> <label for="countrycode">代号</label> <input type="text" class="form-control text-input" id="countrycode" name="countrycode" placeholder="请输入编号"> </li>
qq_38800735 2018-04-22
  • 打赏
  • 举报
回复
谢谢,以及解决了!
qq_38800735 2018-04-21
  • 打赏
  • 举报
回复
改成 改了 改了 h5: <form id="modalform" name="modalform"> ajax: console.log($("#modalform").serialize()); 还是获取不了数据
天际的海浪 2018-04-21
  • 打赏
  • 举报
回复
设置表单元素的name属性

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧