将KnockoutJS可观察数组传递给HTTP Post控制器方法的AJax调用失败
KnockoutJS是一种JavaScript库，用于实现MVVM（Model-View-ViewModel）设计模式。它提供了可观察数组（observable array）的功能，可以方便地跟踪和监听数组的变化。当尝试将KnockoutJS的可观察数组传递给HTTP POST控制器方法时，可能会遇到AJAX调用失败的情况。
出现AJAX调用失败可能有多种原因，下面是一些常见的排查步骤和解决方法：
- 检查网络连接：首先确保你的设备已连接互联网，并且网络连接是正常的。
- 检查URL地址：确认你的AJAX请求URL地址正确无误，包括域名、端口号、路由等。
- 检查请求类型和参数：确保HTTP请求的方法（POST、GET等）和参数正确无误。使用POST方法时，需要将数据作为请求的正文发送。
- 检查请求头和身份验证：根据实际情况，确认是否需要设置请求头信息或进行身份验证。如需设置请求头，可使用KnockoutJS的ajax设置选项。
- 调试AJAX请求：使用浏览器的开发者工具（如Chrome的开发者工具）进行AJAX请求的调试。检查请求的细节、响应状态码和错误信息，以便更好地了解问题所在。
- 检查服务器端代码和日志：查看服务器端代码和日志，确认是否有错误或异常信息。确保服务器端的控制器方法正确接收和处理请求。
以上是一些常见的排查步骤和解决方法，希望能帮助你解决AJAX调用失败的问题。
针对该问题，腾讯云提供了丰富的云服务产品，如云服务器、云函数、API网关等，可用于搭建和部署应用程序。具体推荐的产品和产品介绍链接地址可以根据实际需求进行选择。腾讯云的官方文档中包含详细的产品介绍和使用指南，你可以访问腾讯云官方网站获取更多信息。
相关·内容
当我调用knockoutjs postJson()函数时，有没有办法像使用Jquery的ajax post那样，对来自服务器的成功Json响应调用函数？
我想做两件事中的任何一件：
1) PostJson，如果验证失败，则让控制器响应Json错误消息。
2)模型验证成功，页面被回发(使用RedirectToAction(‘索引’))。
浏览 0提问于2011-03-31得票数 1
回答已采纳
2回答
我有以下脚本(见下文)。我对此有两个问题：
1.在Knockoutjs的上下文中，下面这行是什么意思？
ko.observable(null);
2.如何调用此处尚未定义的函数：
that.activePollingXhr(...
下面是完整的脚本：
$(document).ready(function() {
function ChatViewModel() {
var that = this;
that.userName = ko.observable('');
that.chatContent = ko.obs
浏览 0提问于2013-03-11得票数 2
回答已采纳
我正在尝试在Node.js上使用KnockoutJS。
在这里找到了一个相同的实现：
有没有人以其他方式实现了这一点？
基本上，我希望能够在服务器上使用Computed Observable。
有没有可能在javascript中使用其他库来实现这个特性呢？
浏览 0提问于2013-01-07得票数 3
回答已采纳
我需要问一下，我是在Onchange上调用这个函数，只有当我在控制器中不请求$POST时，它才能正常工作，如果我请求$POST ajax请求停止而没有返回
如果我//注释这些行，我的代码会返回一些内容，在这些行上，我的ajax/ jquery请求失败，我什么也得不到，它就停止了。试过这个
$list = $this->input->post("data");
也试过这个
$list = $_POST('data');
也试过这个
$list = json_decode($_POST('data'));
没有人为我工作，我需要从这
浏览 1提问于2019-09-10得票数 0
回答已采纳
我有一个按钮点击它，我调用的东西如下：
ViewModel:
self.MyArray = ko.observableArray();
self.remove = function(c) {
ko.utils.arrayForEach(c.sData(), function(ser) {
if (ser.Check() == true) {
self.MyArray.push(service);
count++;
}
});
if (count) {
$.ajax({
浏览 3提问于2014-10-13得票数 1
回答已采纳
我正在尝试使用Ajax调用更新KnockOutJS页面。Update函数应该从web服务中检索Gifts Observable数组。这不是应该更新模型，然后更新UI。我一定是错过了这是怎么回事。我的想法？
谢谢
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<tit
le>Index</title>
<link rel="Stylesheet" href="/Content/Site
浏览 0提问于2011-11-16得票数 1
回答已采纳
对于我目前的项目，我决定尝试knockout，我想知道是否可以使用它来实现以下功能。我正在编写一个内部网应用程序，用于一些基本的列表操作。该应用程序通过AJAX从MVC控制器获取数据。在我的回调函数中，我将条目填充到一个可观察数组中，如下所示：
function showData(data) { // ajax callback
$.each(data, function (key, dmsEntry) {
vm.listToShow.push(new dmsList(dmsEntry)); // adds new dmsEntry into observableArr
浏览 0提问于2012-11-28得票数 4
回答已采纳
我到处寻找，尝试了许多不同的选择，但都不知道这里出了什么问题。
我有一个knockoutjs视图模型，它看起来像这样：
{"Id":0,"Type":"post","Title":"adsf","AuthorId":0,"Description":"adsfadsf","ChosenCategoryValues":["7","8","9"]}
(为简洁起见，省略了某些字段)
一切都可以很好地传递回控制器，
浏览 1提问于2013-05-28得票数 3
我读过很多关于堆叠溢出和谷歌搜索的资料，但似乎没有什么与我的问题特别相关。
tl；博士我想将我的C#模型从我的视图传递到一个外部JS文件(Knockout)，这样我就可以使用来自模型的数据在我的视图上显示。
更多信息：
我有一个非常标准的ASP.NET MVC 5项目，包括(例如)、1个视图、1个控制器&一个C#视图模型，该模型被检索并在我的C#控制器中操作数据。我的外部JavaScript文件包含Knockout代码，特别是我希望将该C#模型放入外部JS文件中的observableArray中，这样我就可以将Knockout代码排除在我的视线之外(除了几行代码)。
示例：
books
浏览 2提问于2015-02-02得票数 4
回答已采纳
1回答
我试图通过ajax将选定的值传递给php控制器，但它不起作用。这是我的密码
function prodType() {
$("#productType").change(function(){
let value = $("#productType").val();
$.ajax({
url: "<? echo URLROOT. '/AddProduct'?>",
type:"GET", //not sur
浏览 2提问于2022-07-27得票数 1
我在这里创建了一个问题的示例：
我的实际代码连接到一个ASP.NET web方法，因此示例代码已调整为指向一个公共web服务以进行演示。
基本上，我有一个绑定到的数组，但是在ajax调用之后，表没有显示更新后的信息。我不确定我错过了什么，一开始我认为我需要映射插件，所以我尝试了一下，但仍然没有取得任何进展。
当然，我不应该在每次数据更改时都使用applyBindings？
编辑
下面的JavaScript：
var ViewModel = function () {
var self = this;
self.items = ko.observableArray([]);
self.refr
浏览 0提问于2012-03-29得票数 0
回答已采纳
1回答
我正在寻找一些指南，如何创建模型，代表我的评论系统的帖子。从本质上说，这是facebook的一个低端版本，其中有不同用户发布的帖子，每个帖子都会有零个或更多的评论。父母和孩子之间的关系总是只有一个层次。
创建post对象没有问题，但是我需要一些帮助来创建和绑定在Post下面嵌套的注释。如果我有一个邮政模式和评论模式，我如何将两者联系在一起？
我尝试过google，但是我找不到一个关于嵌套模型的数据绑定的好例子。
示例JSON可以让您很好地了解对象的外观：
`{
"PostedBy": 1,
"CommentedByFirstName": "Joh
浏览 5提问于2015-08-11得票数 0
回答已采纳
我的Javascript代码中有一个数据对象，描述如下：
//Data Object that represents products
function Product(n, p, t, d) {
this.name = ko.observable(n);
this.price = ko.observable(p);
tags = typeof (t) !== 'undefined' ? t : [];
this.tags = ko.observableArray(tags);
di
浏览 6提问于2016-02-11得票数 0
回答已采纳
我在MVC中有这个ViewModel。
public class SignupViewModel
{
public string FirstName { get; set; }
public string LastName { get; set; }
public string Email { get; set; }
public string Username { get; set; }
public string Password { get; set; }
public string ShoeSize { get; set; }
p
浏览 4提问于2014-06-01得票数 0
我有一个knockoutJS可观察数组，它是我用通常的方式创建的：
var MyGridModel = function(items) {
var self = this;
this.items = ko.observableArray(items);
...
我想根据新信息将数组更改为新数组。我需要更改整个数组(或者，如果可以，将整个内容更改为新的数组，以更容易的为准)。
我尝试这样做是在以下代码中完成的：
this.setData = function(newData)
{
var grid = ko.observableArray(newData);
浏览 1提问于2015-08-21得票数 0
1回答
我正在尝试在我的django站点上实现一个knockoutjs表单。我对淘汰赛很陌生，所以遵循了一个例子，但由于某种原因，当我提交页面时，没有任何错误，但是没有任何东西被提交给api。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js">
浏览 1提问于2015-09-04得票数 0
回答已采纳
我在使用KOjs和EF6进行删除操作时遇到了问题。当我单击remove按钮时，会出现确认对话框，但不会删除选定的行。这是我的控制器：
public JsonResult FetchActivities()
{
return Json(_account.FindAllActivities(), JsonRequestBehavior.AllowGet);
}
[System.Web.Mvc.HttpDelete]
public void DeleteActivity(int id)
{
try
{
浏览 0提问于2014-05-03得票数 0
为什么在此jsFiddle中不会激发afterMove事件。在chrome上调试时的这是显示的错误
浏览 2提问于2012-03-22得票数 1
回答已采纳
我正在开始一个新的项目，并热衷于利用KnockoutJS + Web，这对我来说是新的，我对Web有很好的理解，但是目前Knockout是很难让我头脑清醒的。
这是我想让我的应用程序工作的最初想法：
我有一个标准的MVC控制器，比如LeadsController。
LeadsController有一个名为ListLeads的Action，它实际上并不返回任何数据，而是返回一个带有模板的视图，以显示来自Knockout的数据。
ListLeads视图通过ajax调用我的api控制器LeadsApiController以获取要显示的引线列表。
然后将引线数据映射到KnockoutJ
浏览 7提问于2012-08-17得票数 9
回答已采纳
我是javascript和MVC3的新手，我正在开发一个样例应用程序来熟悉KnockoutJs。我将一个带有一些属性的c#对象传递给一个控制器。然后将此对象传递给序列化为JSon的视图。然后，我在视图中使用带有Knockout的数据，并希望将此数据返回给服务器。但是对于我的一些属性，与服务器数据的绑定失败。下面是我的代码：
型号：
public class FranchiseInfo
{
public string FullName { get; set; }
public string ShortName { get; set; }
p
浏览 0提问于2012-03-30得票数 1
回答已采纳
我有一个用CodeIgniter实现的系统，我正在尝试通过POST发送一些Rsform组件文本区域中的数据到我的CodeIgniter系统的url，我已经尝试使用以下代码usign AJAX请求发送post数据
<script>
alert("jsc");
var data;
data='test from joomla!';
$.ajax({
type: "POST",
url : 'http://localhost/cii/index.ph
浏览 1提问于2012-09-20得票数 1
2回答
我想做一些基本的事情，比如：
data-bind="visible: x || y"
显示x或y是否设置为true
然而，到目前为止，我尝试的所有东西都失败了。
浏览 0提问于2012-06-23得票数 1
回答已采纳
我有这个简单的表单：
<form id="form">
<ul>
<li><label>Picture</label>
<input id="upload" name="Picture" class="k-textbox" data-bind="value: picture" type="file"/>
</li>
<li>
<label>
浏览 0提问于2017-03-24得票数 1
好的，我有相当多的分层数据。
我有超过1个部分
然后我有一个工作的下拉列表
<p data-bind="visible: Id">
Race:
<select data-bind="options: $parent.data.Races, optionsText: 'Name' , optionsValue: 'Id', value: RaceId, optionsCaption: 'Choose...'"></select>
</p>
浏览 0提问于2012-10-17得票数 0
回答已采纳
1回答
我在我的一个页面中创建了一个表。我的目标是当他们选中复选框时，我将显示该表的其他元素。
我的问题是，当表第一次绘制时，一切都按预期工作。但是，如果在绘制表后选中复选框，则ko语句不会重新计算。实现这一目标的最佳方法是什么？我现在的代码在下面。
<tbody data-bind="foreach: AvailableCerts">
<tr>
<td>
<label class="label-checkbox inline">
<in
浏览 1提问于2015-05-01得票数 3
回答已采纳
1回答
我有一个数组，我选择了一个项，改变了数据，但是我看不到绑定中的变化。
这是我的密码：
HTML：
<div id="container">
<div data-bind="text: age">
</div>
</div>
JAVASCRIPT：
function ContainerVM() {
var self = this;
self.persons = ko.observableArray();
self.persons.push({
name: 'John&
浏览 0提问于2017-06-28得票数 0
回答已采纳
我试图将复选框列表中的值数组绑定到具有字节属性类型的模型。因此，从复选框选择中返回{"1“、"2”、“3”，这是我需要的字节格式，然后才能到达我的模型，以便能够正确地传递给我的模型。属性字节{ get；set；}
我的Knockout视图模型，其中self.DaysList = ko.observableArray();是我的复选框list属性。
function ScheduledCommand() {
//data
var self = this;
// An observable is a “JavaScript object that can n
浏览 2提问于2013-09-06得票数 1
回答已采纳
我是KnockoutJS的新手。我有一个应用程序，它的工作方式如下：
加载页时，将复杂的数据结构传递给前端。
这个数据结构被分割成较小的数据块，这些数据块被传递给组件。
用户与组件交互以编辑数据块。
单击按钮后，应将更新后的复杂数据结构传递给后端。
我有第四步的麻烦。我一直在阅读文档，但是我不知道我应该如何获得更新的数据。
下面是一个JSFiddle：
下面是代码片段中的相同代码。看看我试过的问题的底端。
ko.components.register('firstComponent', {
viewModel: function(params)
浏览 1提问于2017-11-22得票数 0
下面是一些表代码。我不希望该行显示数据项的Id是否为0。我试着写成这样：
数据绑定=“可见的：$data.Id > 0”
但这不管用。也没有把0放在引号里。我也试过：
数据绑定=“可见的：$index > 0”
但那会让所有的事情都消失！我相信这是一个简单的语法问题，但我没有看到.
<table>
<thead>
<tr>
<th>Name</th>
<th>URL</th>
浏览 2提问于2013-02-17得票数 4
回答已采纳
我已经尝试了很多个小时，想让观察员收到通知，但每次尝试都失败了。我将观察者放入根视图控制器中，使用的是一个嵌入式选项卡控制器，并试图让其中一个选项卡控制器发送一个帖子供其接收，但没有结果。我不能，为了我的生活，弄清楚这一点，我真的很想，因为通知可能是非常有用的！
这是我的密码：
ViewController
let myNotification = Notification.Name(rawValue:"categoryChange")
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecod
浏览 1提问于2016-12-02得票数 1
回答已采纳
看起来这件事已经谈得一干二净了，但我似乎仍然无法让我的代码发挥作用。
我试图使用Knockoutjs的可编辑表，并将AJAX post添加到控制器以添加到模型中。但是，post在控制器中始终为空。
下面是模型：
using System.ComponentModel.DataAnnotations;
using System.Data.Entity;
namespace Adder_Web.Models
{
public class User
{
[Display(Name = "ID")]
[Required]
浏览 4提问于2017-04-05得票数 0
回答已采纳
我可以用两种不同的方式编写knockoutjs数据绑定表达式：
1. <div data-bind="text: FirstName"></div>
2. <div data-bind="text: FistName()"></div>
注意第二个例子中FirstName后面的两个括号。它们似乎都起作用了。有什么不同吗？
浏览 0提问于2012-08-14得票数 1
回答已采纳
1回答
我正在使用KnockoutJs的类型记录，我在绑定optionsText和optionsValue时遇到了问题。模式是：
export interface LanguageProxy {
ID: number;
Name: string;
Code: string;
IsSparse: boolean;
HasAudio: boolean;
ReadsRightToLeft: boolean;
IsAsian: boolean;
ShortCode: string;
LongCode: string;
Cultu
浏览 0提问于2016-10-18得票数 0
回答已采纳
我使用Post方法将数组从View发送到Controller。这是我的代码。
控制器：Session::put('isCheck', $isCheck);
这就是我为isChecked数组赋值的方式。
var isChecked = [
<?php
$isCheck = "";
if (Session::has('isCheck')) {
$isCheck = Session::get('isCheck');
}
foreach ($isCheck as $isC
浏览 0提问于2015-03-29得票数 0
可观察到的阵列没有反映关于绑定webapi输出的数据。因为它反映了绑定硬编码数组的数据。代码函数GetAllCustomers中有什么问题。
function CustomerDataModel() {
this.customerList = ko.observableArray([
{ FirstName: "John" },
{ FirstName: "Sam" },
{ FirstName: "Peter" },
{ FirstName: "Vicky"},
浏览 1提问于2015-03-15得票数 2
回答已采纳
2回答
我正在尝试实现一个通用的ASP.net MVC视图。UI应该显示从服务器加载数据的可用项和选定项的列表(基本上是字符串列表)。用户可以对列表进行更改，即可以从可用项列表中选择新项，也可以从所选列表中删除项。
为了利用绑定的优势，我想使用KnockoutJS来完成它。
我设法完成它的一点，所有的工作，除了显示选定的项目，当视图被初始化时在可用列表中被选中。例如
我尝试了各种选项(、、)，问题是如果我设法显示项，检查其他一些功能中断。试图定义一个模板，但无法使它在我的情况下工作。
HTML：
<div class='moverBoxOuter'>
<div id=
浏览 3提问于2014-04-25得票数 1
回答已采纳
关于KnockoutJS的另一个完整的Noob问题。
我理解可观察性特性，因为如果视图模型改变，那么绑定到视图模型的UI元素也将改变以反映这一点。
所以UI会对视图模型做出反应。
在我的应用程序中，要更改视图模型，我需要对服务器进行AJAX调用。如何将服务器请求绑定到UI更改。
通常我只使用jquery
$("[#HolidayDestination").change(function () {
// Make Ajax call
});
我还能继续以这种方式使用KnockoutJS吗？
浏览 0提问于2011-09-13得票数 2
回答已采纳
我可能想多了，但我要做的是从绑定到函数的单击事件创建一个observableArray。基本上，当我单击一个按钮时，我需要根据event.target.html()过滤结果，并创建一个可观察对象，以便稍后在页面的foreach循环中使用。
首先，我有一个按钮。
<button data-bind="click: getData">Button Text</button>
根据按钮文本过滤结果的函数
self.filterFunction = function(x) {
// do things here
return (obj)
浏览 0提问于2013-06-20得票数 0
回答已采纳
我在我的应用程序中使用了CakePHP和jQuery。
我的jQuery代码是：
$(document).ready(function(){
var str,fields;
function showValues() {
str = $("form").serialize();
$("#results").text(str);
}
$("input").change(showValues);
showValues();
$(".submit").cli
浏览 1提问于2009-06-24得票数 0
2回答
大家好，我是Knockoutjs的新手，我的情况是我想发布一个表单，例如我有一个电子邮件地址，要求电子邮件地址必须是唯一的。
在服务器上，我检查电子邮件地址是否唯一，然后返回一个validationjson类，例如
{ isEmailUnique: false，isPasswordStrongEnough: true；}
如何使用knockoutjs验证以整洁的方式显示这些错误？
浏览 0提问于2012-03-09得票数 1
我必须将model和另一个数组列表值从javascript传递给控制器。
Javascript代码
$("#SaveData").click(function (e) {
debugger
var formdata = $("form").serialize();
var list = new Array();
var postData;
$('input.chkevent').each(function () {
debugger
if (this.checked
浏览 1提问于2015-02-05得票数 0
我正在学习knokcout.js
我使用的是中的示例，它工作得很好。
我在那里的javascript中添加了以下内容。
viewModel.breads = ko.dependentObservable(function() {
return ko.utils.arrayFilter(this.items(), function(item) {
return item.category()=='Bread';
});
}, viewModel);
它起作用了。
然后我添加了下面的内容
viewModel.breadsL
浏览 2提问于2012-04-04得票数 1
回答已采纳
我正在通过jquery ajax post将json数据发送到我的控制器操作。我操作中IEnumerable总是为空。
是我的json错了，还是模型绑定器没有将json转换为IEnumerable？
public ActionResult Update(IEnumerable<Teststep> teststeps)
{
//
}
$.ajax({
url: '@Url.Action("Update", "Teststep")',
type: 'POST',
浏览 1提问于2012-06-05得票数 3
我正在使用knockoutjs来呈现一个项目集合。在允许用户进行一些内联编辑之后，我需要将集合发送回服务器。但是，因为我没有使用name=".Blah“命名约定，所以没有在服务器上填充该集合。有谁知道如何使用knockoutjs呈现这样的名称属性，或者如何创建一个模型绑定器，使我能够从ValueProvider中提取值？
您可以在下面的调试过程中看到ValueProvider的屏幕截图。
以下是我的托管ViewModel：
public class FundLevelInvestmentUploadResult
{
public string FileName { get;
浏览 0提问于2012-06-23得票数 0
免责声明--我担心这个问题可能是重复的，因为功能看起来很基本，所以我知道我可能会受到欺骗。但我找不到有效的解决办法
因此，我有一个可观察的数组设置，如下所示
self.meetingAttendees = ko.observableArray([
{
AttendeeTypeId: ko.observable(1),
AttendeeNames: ko.observableArray([
{ Name: ko.observable("Nemo"), CurrentEdit: ko.observable(0) }
浏览 7提问于2015-11-17得票数 1
回答已采纳
2回答
我正在尝试在回发操作中发送byte[]，但获取失败。代码片段：
$.ajax({
url: proxy.Model.RequestParamUrl,
type: "Post",
async: false,
data: proxy.requestArgs,
dataType: 'json',
success: function (Jsondata) {
proxy.allowPost = false;
proxy.post
浏览 2提问于2014-05-30得票数 0
我只是尝试从ajax请求中提取一些数据。ajax调用可以工作--我知道数据已经被检索到了。但它并没有设置ko.computed的值...
function viewModel() {
this.Id = ko.observable("@Model.Identity()");
this.Points = ko.computed({
read: function () {
$.ajax({
url:
浏览 2提问于2012-12-09得票数 14
我在一个领域中有一个下拉框，它使用这样的方法：
<select name="CanBePickedUpDropDown" id="CanBePickedUpDropDown" data-bind="value: CanBePickedUp">
<option selected="selected" value="True">Yes</option>
<option value="False">No</option>
<
浏览 1提问于2014-10-07得票数 0
回答已采纳
我有一个简单的登录控制器：
public ActionResult Login()
{
return View();
}
[HttpPost]
public ActionResult Login(string userName, string passWord)
{
if (ModelState.IsValid)
{
var employee =
db.Employees.FirstOrDefault(x => x.EmployeeNo == userName && x.Password == passWord &
浏览 5提问于2017-09-23得票数 0
回答已采纳
1回答
我的javascript函数正在调用我的MVC 4控制器，但是参数总是为null。这似乎是一个常见的问题，我尝试了一些我已经研究过的东西，但没有任何效果。知道为什么总是空的吗？
我的javascript GetEntries()函数正确地创建了一个显示值的警报：
function GetEntries(firstLetter) {
alert(firstLetter);
$.post('/Home/GetEntries',
firstLetter,
EntriesReceived());
}
我的控制器方法断点被击中：
浏览 3提问于2013-02-03得票数 1
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
云直播
腾讯云开发者
