首页 / AJAX / 使用ajax传递及接收数据
使用ajax传递及接收数据
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了使用ajax传递及接收数据,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1725字,纯文字阅读大概需要3分钟。
内容图文
![使用ajax传递及接收数据](/upload/InfoBanner/zyjiaocheng/1315/8c25ccba10cc454ebdce422b904edd3d.jpg)
前端代码:
![技术分享](/upload/getfiles/default/2022/11/11/20221111025345891.jpg)
![技术分享](/upload/getfiles/default/2022/11/11/20221111025346003.jpg)
1 <input id="txtNum1" name="txtNum1" type="text" width="130" /> 2 <select id="fh" name="fh"> 3 <option id="jia" value="+">+</option> 4 <option id="jian" value="-">-</option> 5 <option id="chen" value="*">*</option> 6 <option id="chu" value="/">/</option> 7 </select> 8 <input id="txtNum2" name="txtNum2" type="text" width="130" /> 9 <input id="btnSubmit" type="button" value="=" /> 10 <input id="txtResult" type="text" width="130" /> 1112@section scripts{ 13 <script> 14 $(function () { 15 $("#btnSubmit").bind("click", function () { 16debugger17 $.ajax({ 18 @*url: ‘@Url.Action("JS")‘,*@ 19 url: "/Home/JS", 20 data: { 21 "num1": $("#txtNum1").val(), 22 "num2" : $("#txtNum2").val(), 23 "fh":$("#fh").val() 24 }, 25 dataType: "json", 26 type: "post", 27 success: function (data){ 28 $("#txtResult").val(data.Result); 29 }, 30 error: function (e, a){ 31 alert(a); 32 } 33 }) 34 }) 35 }) 36 </script> 37 }
后台action代码:
![技术分享](/upload/getfiles/default/2022/11/11/20221111025345891.jpg)
![技术分享](/upload/getfiles/default/2022/11/11/20221111025346003.jpg)
1 [HttpPost] 2 public JsonResult JS(string num1, string num2,string fh) 3 { 4int result = 0; 5try 6 { 7switch (fh) 8 { 9case"+": 10 result = Convert.ToInt32(num1) + Convert.ToInt32(num2); break; 11case"-": 12 result = Convert.ToInt32(num1) - Convert.ToInt32(num2); break; 13case"*": 14 result = Convert.ToInt32(num1) * Convert.ToInt32(num2); break; 15case"/": 16 result = Convert.ToInt32(num1) / Convert.ToInt32(num2); break; 17default: 18break; 19 } 20 } 21catch (Exception ex) 22 { 23 log.Error("Error", new Exception(ex.Message)); 24return Json(""); 25 } 26var data = new { Result = result }; 27return Json(data); 28 }
原文:http://www.cnblogs.com/dabexiong/p/4871142.html
内容总结
以上是互联网集市为您收集整理的使用ajax传递及接收数据全部内容,希望文章能够帮你解决使用ajax传递及接收数据所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。