将jquery参数传递给控制器操作
我想用ajax函数将2个参数传递给控制器操作,但我使用的代码不起作用。 调用了该操作,但没有参数;下面的代码有什么问题?请帮忙。 谢谢大家! 查看代码:将jquery参数传递给控制器操作,jquery,asp.net-mvc,asp.net-mvc-3,Jquery,Asp.net Mvc,Asp.net Mvc 3,我想用ajax函数将2个参数传递给控制器操作,但我使用的代码不起作用。 调用了该操作,但没有参数;下面的代码有什么问题?请帮忙。 谢谢大家! 查看代码: <fieldset> @Html.Label("Start date: *") @Html.TextBoxFor(model => model.startDate, new { Class = "calendar", data_mini = true, data_
<fieldset>
@Html.Label("Start date: *")
@Html.TextBoxFor(model => model.startDate, new { Class = "calendar", data_mini = true, data_role = "datebox", data_options = "{\"mode\":\"calbox\",\"useNewStyle\": true,\"overrideStyleClass\": \"calendar\",\"fieldsOrderOverride\": [\"d\",\"m\",\"y\"],\"headerFormat\":\"%A,%d, %-m, %Y\",\"dateFormat\":\"DD-MM-YYYY\",\"useTodayButton\":true}" })
</fieldset>
<fieldset>
@Html.Label("End date: *")
@Html.TextBoxFor(model => model.endDate, new { Class = "calendar", data_mini = true, data_role = "datebox", data_options = "{\"mode\":\"calbox\",\"useNewStyle\": true,\"overrideStyleClass\": \"calendar\",\"fieldsOrderOverride\": [\"d\",\"m\",\"y\"],\"headerFormat\":\"%A,%d, %-m, %Y\",\"dateFormat\":\"DD-MM-YYYY\",\"useTodayButton\":true}" })
</fieldset>
<fieldset>
@Html.Label("Submited: *")
</fieldset>
<a data-role="button" id="search" name="search" data-theme="a" class="book ui-btn ui-btn-corner-all ui-shadow ui-btn-up-a">
<span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Search</span></span></a>
@Html.Label(“开始日期:”)
@Html.TextBoxFor(model=>model.startDate,new{Class=“calendar”,data\u mini=true,data\u role=“datebox”,data\u options=“{\”mode\”:\“calbox\”,\“useNewStyle\”:true,\“overrideStyleClass\”:\“calendar\”,\“fieldsOrderOverride\”:[“d\”,“m\”,“y\”,“headerFormat\”:\%A、%d、%m、%y\,“dateFormat\”,“DD-MM-MM-yyyyyyyy\”:“usedy\”,“today\”按钮:})
@Html.Label(“结束日期:”)
@Html.TextBoxFor(model=>model.endDate,new{Class=“calendar”,data\u mini=true,data\u role=“datebox”,data\u options=“{\”mode\”:\“calbox\”,\“useNewStyle\”:true,\“overrideStyleClass\”:“calendar\”,“fieldsOrderOverride\”:[\“d\”,“m\”,“y\”,“headerFormat\”:%A、%d、%-m、%y\,“dateFormat\”,“DD-MM-MM-yyyyyyy\”,“usedy\”:true按钮)
@Html.Label(“提交:”)
搜寻
Jquery代码:
<script type="text/javascript">
$("#search").click(function () {
GetNewDaysList();
});
//gets elements for the selected dates
function GetNewDaysList() {
var action = '@Url.Action("GetNewDays", "ApproveWork")';
var criteria = new Array($("#startDate").val(),$("#endDate").val());
var opt = {
type: "GET",
data: { criteria: criteria },
url: action,
success: DaysListSuccess,
error:DaysListFailed
};
jQuery.ajax(opt);
}
function DaysListSuccess(data) {
if (data != undefined) {
$.mobile.hidePageLoadingMsg();
$('ul').hide();
$("#employeeDays").html(data).trigger('create');
$("#searchSection").show();
$("#employeeDays").show();
}
}
function DaysListFailed() {
//
}
});
$(“#搜索”)。单击(函数(){
GetNewDaysList();
});
//获取选定日期的元素
函数GetNewDaysList(){
var action='@Url.action(“GetNewDays”、“ApproveWork”);
var条件=新数组($(“#开始日期”).val(),$(“#结束日期”).val();
变量opt={
键入:“获取”,
数据:{标准:标准},
url:action,
成功:一天的成功,
错误:DaysListFailed
};
ajax(opt);
}
函数DaysListSuccess(数据){
如果(数据!=未定义){
$.mobile.hidePageLoadingMsg();
$('ul').hide();
$(“#employeeDays”).html(data.trigger('create');
$(“#searchSection”).show();
$(“#雇员日”).show();
}
}
函数DaysListFailed(){
//
}
});
控制器代码:
[HttpGet]
public ActionResult GetNewDays(IEnumerable<string> criteria)
{
List<string> criteriaList = criteria.ToList();
DateTime start = DateTime.ParseExact(criteriaList[1],"dd-MM-yyyy", System.Globalization.CultureInfo.InvariantCulture);
string startToString = start.ToString("yyyyMMdd");
DateTime end = DateTime.ParseExact(criteriaList[2], "dd-MM-yyyy", System.Globalization.CultureInfo.InvariantCulture);
string endToString = end.ToString("yyyyMMdd");
List<string> daysList = new List<string>();
var model = new ApproveWorkModel();
model.daysList = daysList;
return PartialView ( "EmployeeDays",model);
}
}
[HttpGet]
公共行动结果GetNewDays(IEnumerable标准)
{
List criteriaList=criteria.ToList();
DateTime start=DateTime.ParseExact(标准列表[1],“dd-MM-yyyy”,System.Globalization.CultureInfo.InvariantCulture);
string startToString=start.ToString(“yyyyMMdd”);
DateTime end=DateTime.ParseExact(标准列表[2],“dd-MM-yyyy”,System.Globalization.CultureInfo.InvariantCulture);
字符串endToString=end.ToString(“yyyyMMdd”);
列表日期列表=新列表();
var模型=新批准的工作模型();
model.daysList=daysList;
返回部分视图(“员工日”,模型);
}
}
使用以下方法:
var opt = {
type: "GET",
data: {
startDate: $("#startDate").val(),
endDate: $("#endDate").val()
},
url: action,
success: DaysListSuccess,
error:DaysListFailed
};
在控制器中:
public ActionResult GetNewDays(string startDate, string endDate)