前端代码:

     <input id="txtNum1" name="txtNum1" type="text" width="130" />
<select id="fh" name="fh">
<option id="jia" value="+">+</option>
<option id="jian" value="-">-</option>
<option id="chen" value="*">*</option>
<option id="chu" value="/">/</option>
</select>
<input id="txtNum2" name="txtNum2" type="text" width="130" />
<input id="btnSubmit" type="button" value="=" />
<input id="txtResult" type="text" width="130" /> @section scripts{
<script>
$(function () {
$("#btnSubmit").bind("click", function () {
debugger
$.ajax({
@*url: '@Url.Action("JS")',*@
url: "/Home/JS",
data: {
"num1": $("#txtNum1").val(),
"num2" : $("#txtNum2").val(),
"fh":$("#fh").val()
},
dataType: "json",
type: "post",
success: function (data){
$("#txtResult").val(data.Result);
},
error: function (e, a){
alert(a);
}
})
})
})
</script>
}

后台action代码:

 [HttpPost]
public JsonResult JS(string num1, string num2,string fh)
{
int result = ;
try
{
switch (fh)
{
case "+":
result = Convert.ToInt32(num1) + Convert.ToInt32(num2); break;
case "-":
result = Convert.ToInt32(num1) - Convert.ToInt32(num2); break;
case "*":
result = Convert.ToInt32(num1) * Convert.ToInt32(num2); break;
case "/":
result = Convert.ToInt32(num1) / Convert.ToInt32(num2); break;
default:
break;
}
}
catch (Exception ex)
{
log.Error("Error", new Exception(ex.Message));
return Json("");
}
var data = new { Result = result };
return Json(data);
}

使用ajax传递及接收数据的更多相关文章

  1. boke例子: freermarker:在使用ajax传递json数据的时候多出冒号

    boke例子: freermarker:在使用ajax传递json数据的时候多出冒号 json数据是用JSON.stringify()格式化的数据,然后用ajax传递,发现数据多出一个冒号:, 后来度 ...

  2. jq ajax传递json对象到服务端及contentType的用法

    目录 0.一般情况下,通过键值对的方式将参数传递到服务端 1.ajax 传递复杂json对象到服务端 2.content-Type 对asp.net mvc项目的重要性 0.一般情况下,通过键值对的方 ...

  3. EasyUI + ajax + treegrid/datagrid 接收 json 数据,显示树状/网状表结构

    最后一更了,时间间隔有点久了~~ EasyUI作为一个成熟的前端框架,封装了ajax,对于数据的处理配合datagrid组件的使用,使其非常适合后台管理界面的开发(目前来说界面有点过时了). 通过aj ...

  4. ASP.Net中关于WebAPI与Ajax进行跨域数据交互时Cookies数据的传递

    本文主要介绍了ASP.Net WebAPI与Ajax进行跨域数据交互时Cookies数据传递的相关知识.具有很好的参考价值.下面跟着小编一起来看下吧 前言 最近公司项目进行架构调整,由原来的三层架构改 ...

  5. ajax传递数组后台接收不到值的问题

    背景: JQGrid需要进行批量删除操作传给后台的是数组,结果后台接收不到值. 后台语言:java 原因: ajax传递参数时,traditional 默认为false,JQuery会深度序列化参数对 ...

  6. Ajax(form表单文件上传、请求头之contentType、Ajax传递json数据、Ajax文件上传)

    form表单文件上传 上菜 file_put.html <form action="" method="post" enctype="multi ...

  7. Ajax例子,views返回,html接收数据

    Ajax例子,views返回,html接收数据 views from django.shortcuts import render,HttpResponse,render_to_response im ...

  8. jquery的ajax异步请求接收返回json数据

    http://www.jb51.net/article/51122.htm jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发 ...

  9. 小笔记(一):ajax传递数组及将ajax返回数据赋值

    当使用ajax传递数据时,有可能传递多个数据,这是使用以下方法传递数据就会显得数据过多且混杂 $.ajax({ type:'post', url:url, data:{data:data,conten ...

随机推荐

  1. dubbox开发rest+json指南【转】

    http://dangdangdotcom.github.io/dubbox/rest.html 目录 概述 REST的优点 应用场景 快速入门 标准Java REST API:JAX-RS简介 RE ...

  2. [Angular 2] Building a Toggle Button Component

    This lesson shows you how to build a Toggle Button in Angular 2 from scratch. It covers using transc ...

  3. Redis学习手册(管线)

    一.请求应答协议和RTT: Redis是一种典型的基于C/S模型的TCP服务器.在客户端与服务器的通讯过程中,通常都是客户端率先发起请求,服务器在接收到请求后执行相应的任务,最后再将获取的数据或处理结 ...

  4. MySQL 权限?

    一.权限表 mysql数据库中的3个权限表:user .db. host 权限表的存取过程是: 1)先从user表中的host. user. password这3个字段中判断连接的IP.用户名.密码是 ...

  5. Executing System commands in Java---ref

    One of the nice features of Java language is that it provides you the opportunity to execute native ...

  6. NotificationListenerService不能监听到通知

    作者:Hugo链接:https://www.zhihu.com/question/33540416/answer/113706620来源:知乎著作权归作者所有,转载请联系作者获得授权. 背景知识: 所 ...

  7. r2d_01

  8. MyBatis自动获取主键,MyBatis使用Oracle返回主键,Oracle获取主键

    MyBatis自动获取主键,MyBatis使用Oracle返回主键,Oracle获取主键 >>>>>>>>>>>>>> ...

  9. (转)HttpHandler与HttpModule的理解与应用

    神秘的HttpHandler与HttpModule 大学时候我是从拖控件开始学习 asp.net的,对.net的很多类库对象都不是很了解.所以看到大家写一些个性的asp.net名词,就感觉asp.ne ...

  10. Android中使用ViewPager实现广告条

    我们在使用电商或视频的手机客户端时,通常会看到广告条的效果.在网上搜索时才知道使用的是ViewPager,于是自己也做了一个Demo. 以下是效果图: 图中包括背景图片.文字描述以及白点. 其中Vie ...