实现点击一个按钮,从ajax获取值返回到input框中

hma123 2017-03-17 04:14:29
创建一个Index.jsp页面,页面有两个输入文本框,一个按钮,编写js代码,实现点击按钮,将两个文本框以post的方法传到index.jsp
...全文
1002 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
北飞的企鹅 2017-03-20
  • 打赏
  • 举报
回复
引用 2 楼 hma123 的回复:
<script type="text/javascript" src="jquery/jquery.js"></script> <script type="text/javascript"> $(document).on("click","#button1",function(){ alert(1); $.ajax({ type: "post", url: " /index.jsp?a="+1+"&b="+2, contentType: "application/json;charset=utf-8", error: function (XMLHttpRequest, textStatus, errorThrown) { alert("状态: " + textStatus + ", 提示: " + errorThrown ); }, success: function (result) { $("#a").val(result.a); $("#b").val(result.b); } }); }); </script> </head> <body> <table> <div> a1<input type="text" name="a" id="a" value=""></input> b1<input type="text" name="b" id="b" value=""></input> <input type="button" id="button1" name="button1" value="点击" style="width:45px;height:30px" /> </div> </table> 点击按钮没反应
你只是传到本页面肯定没反应,你看url路径后面是不是有你输入的值了,输入框的值只是显示到路径上面了
hma123 2017-03-18
  • 打赏
  • 举报
回复
<script type="text/javascript" src="jquery/jquery.js"></script> <script type="text/javascript"> $(document).on("click","#button1",function(){ alert(1); $.ajax({ type: "post", url: " /index.jsp?a="+1+"&b="+2, contentType: "application/json;charset=utf-8", error: function (XMLHttpRequest, textStatus, errorThrown) { alert("状态: " + textStatus + ", 提示: " + errorThrown ); }, success: function (result) { $("#a").val(result.a); $("#b").val(result.b); } }); }); </script> </head> <body> <table> <div> a1<input type="text" name="a" id="a" value=""></input> b1<input type="text" name="b" id="b" value=""></input> <input type="button" id="button1" name="button1" value="点击" style="width:45px;height:30px" /> </div> </table> 点击按钮没反应
蚂蚁上树 2017-03-17
  • 打赏
  • 举报
回复
$(document).on("click","#按钮id",function(){ $.ajax({ type: "post", url: " /index.jsp?text1="+文本框1的值+“&text2=”+文本框2的值, contentType: "application/json;charset=utf-8", error: function (XMLHttpRequest, textStatus, errorThrown) { alert("状态: " + textStatus + ", 提示: " + errorThrown, ); }, success: function (result) { $("#文本框1").val(result.text1); $("#文本框2").val(result.text2); } }); });

81,122

社区成员

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

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