asp.net中使用ajax发送数据至后台,后台接收到数据后对json进行解析,然后以json的形式返回至前端,前端将其读取显示 ,代码暂时调通了,原理暂时还没理解...
<div class="row">
<div class="col-md-4">
<h2>密码验证找回</h2>
<p>
在这里进行密码问题验证
</p>
<br />
<form>
<div>
选择问题:
<select id="_select" style="color:darkgray; width:100%; border:solid 1px black;">
<option>出生日期?</option>
<option>个人爱好?</option>
<option>出生地点?</option>
</select>
</div>
<br />
<div>
问题答案:
<input id="_answer" type="text" value="请输入问题验证的答案" style="color:darkgray; width:100%; border:solid 1px black;" />
</div>
</form>
<br />
<br />
<input id="_form1_subbtn1" type="submit" value="确认" class="btn btn-default" />
@*<p><a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkId=301865">Learn more »</a></p>*@
</div>
<script>
$(document).ready(function () {
$("#_form1_subbtn1").click(function () {
var _answer = $("#_answer").val();
var _select = $("#_select").val();
var jsonObj = [];
//jsonObj.push({ "_answer": _answer });
//jsonObj.push({ "_select": _select });
var obj = { _answer: _answer,_select: _select };
jsonObj.push(obj);
alert("按钮被点击" + _answer + _select);
$.ajax({
url: "/Home/MyTest",
async: false,
type:"POST",
dataType: "json",
data: JSON.stringify(jsonObj),
contentType: "application/json",
//data: {
// "_answer": _answer,
// "_select": _select
//},
success: function (result) {
alert("success" + result.answer + result.select);
},
error: function () {
alert("error");
}
});
});
});
</script>
public class JustForTest
{
public string _answer;
public string _select;
}
[HttpPost]
public ActionResult MyTest()
{
StreamReader sr = new StreamReader(Request.InputStream);
string str = sr.ReadToEnd();
JavaScriptSerializer js = new JavaScriptSerializer();
var list = js.Deserialize<List<JustForTest>>(str);
// var list = js.Deserialize<List<justfor>
//var _answer = Request.Form["_answer"];
//var _select = Request.Form["_select"];
int[] table = { 1, 2, 3, 4, 5, 6, 7, 8, 9 };
var data = new List<Object>();
var tempObj = new
{
answer = list[0]._answer,
select = list[0]._select
};
return Json(tempObj, JsonRequestBehavior.AllowGet);
}