1.สร้าง view รับข้อมูลจาก textbox เมื่อทำการกดปุ่ม Send ให้ส่งข้อมูลไปที่ controller
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<input type="text" name="name" id="startDate" value=" " />
<input type="text" name="name" id="endDate" value=" " />
<button id="submit">Send</button>
<div id="response"></div>
<script>
$("#submit").click(function () {
var startDate = $("#startDate").val();
var endDate = $("#endDate").val();
var objRequest = { StartDate: startDate, EndDate: endDate };
$.ajax({
type: "POST",
url: "./home/cal",
data: JSON.stringify(objRequest),
contentType: "application/json; charset=utf-8",
success: function (data) {
$("#response").html(JSON.stringify(data)); },
failure: function (errMsg) {
alert(errMsg);
}
});
});
</script>
2 สร้าง Model รับค่าใน C#
public class RequestModel
{
public string StartDate { get; set; }
public string EndDate { get; set; }
}
3. สร้าง function ใน controller C# โดยเราจะทำการส่งข้อมูลที่ส่งมากลับไป
public JsonResult Cal(RequestModel request)
{
return Json(request, JsonRequestBehavior.AllowGet);
}
ไม่มีความคิดเห็น:
แสดงความคิดเห็น