MVC $.ajax 调用从不对编辑执行控制器操作,但在添加时有效
MVC $.ajax call never executes controller action on Edit but works on Add
我正在使用MVC5并调用$.ajax根据客户选择填充我的"细分"下拉列表(某些细分属于某些客户)。当我转到我的"添加"视图时,以下 JavaScript 工作正常。但是,当我转到"编辑"视图并运行完全相同的脚本时,它不起作用。
我在 getSubdivisions() 控制器方法中放置了一个断点,它在添加页面上工作正常。但是,当我在"编辑"页面上时,$.ajax 调用永远不会命中控制器操作。$.ajax 调用只是失败。问题出在哪里?
我在"添加"和"编辑"视图的末尾都有以下行:
@Scripts.Render("~/bundles/schedule")
~/bundles/schedule 文件在 BundleConfig 中定义.cs:
bundles.Add(new ScriptBundle("~/bundles/schedule").Include("~/Scripts/mainsys/schedule.js"));
这是我的JavaScript...
try {
$('#CustomerID').change(function () {
getSubdivisions();
});
getSubdivisions();
}
catch (ex) {
alert(ex.message);
}
function getSubdivisions() {
custId = $('#CustomerID').val();
// remove all of the current options from the list
$('#SubdivisionID').empty();
// send request for list of subdivisions
var jqxhr = $.ajax({
url: './getSubdivisions',
type: 'POST',
data: '{ customerId: ' + custId.toString() + ' }',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
cache: false,
async: true
});
// received list of models...
jqxhr.done(function (data) {
if (data == null) return;
try {
var ddl = $('#SubdivisionID');
// add each item to DDL
$.each(data, function (index, value) {
ddl.append($('<option></option>', { value: data[index].SubdivisionID }).html(data[index].SubdivisionName))
});
}
catch (ex) {
alert("Done, but with errors!'n" + ex.message);
}
});
// failed to retrieve data
jqxhr.error(function (result, errorText, thrownError) {
alert("Error! Failed to retrieve models! " + errorText + "'n" + thrownError);
});
}
这是我的控制器方法...
[HttpPost]
public string getSubdivisions(int customerId)
{
try
{
if (customerId <= 0) return null;
List<s84_Subdivision_Short> lst = s84_Subdivision.listItemsShort(customerId);
string s = JsonConvert.SerializeObject(lst);
return s;
}
catch (Exception)
{
return "";
}
}
jqxhr.error...
errorText is "parsererror" and thrownError is "Invalid character."
更新:在Firefox中,错误显示为"JSON.parse:意外字符"
我更改了 $.ajax 调用,以便它不使用相对路径...现在一切正常。
使用 Html.Raw 来解决您的问题,响应字符串已编码,添加 @Html.Raw(data)
在 js 脚本中
相关文章:
- fluxxor向一个flux实例添加一组以上的操作
- 选中复选框的Jquery/Javascript问题使用输入框操作将行从一个表添加到另一个表
- 使用jquery在html中添加双击操作
- 当我的表单中已经有一个操作时添加JavaScript
- 如何操作谷歌任务添加的节点
- 改变“;onClick"这个jQuery的操作从清除输入文本改为将输入文本添加到下面的列表中
- 如何在网格的操作列中动态添加和删除 cls
- 如何在猫鼬中更新文档后添加一些操作
- 在JavaScript中的无操作(空)函数中不添加换行符的选项(IntelliJ Web/PHP风暴)
- 如何在我更改输入时添加javascript操作'的内容
- 如何在我的网页中通过按钮操作添加书签
- Parse的javascript CloudCode对httprequest的字符串操作添加了额外的反斜杠
- 如何在 yii 中为特定的控制器和操作添加 JavaScript
- 您如何将更改操作添加到collection_select
- AngularJS-如何通过手把三元操作添加HTML元素
- d3.js将点击操作添加到力布局圆中
- 通过DOM javascript操作添加HTML ID
- 使用Jquery将操作添加到HTML中的表单
- 根据操作添加 js 文件
- 如何将两个事件侦听器/操作添加到一个按钮