Question

我正在尝试从我的View向Controller发送一个AJAX帖子请求，以便将新数据添加到我的数据库中。但是当我在我的View（Index.cshtml）中编写一个脚本来执行此操作时，它将无法正常工作。我尝试在函数内设置一个断点，它说

＆＃xA;＆＃xA;

＆＃xA;
断点当前不会被击中。没有＆＃xA的可执行代码;调试器的目标代码类型与此行相关联。可能＆＃XA;原因包括：条件编译，编译器优化或＆＃xA;当前＆＃xA;不支持此行的目标体系结构。调试器代码类型。
＆＃xA;

＆＃xA;＆＃xA;

免责声明：我可能完全错了，但我想我不是，我很困惑为什么我收到这个错误。我该怎么做呢？

＆＃xA;＆＃xA;

我正在尝试运行的脚本：

＆＃xA;＆＃xA;

 ＆lt ;脚本＆GT;＆＃XA; $（“＃AddFriend”）。click（function（）{＆＃xA; mydata = {AddName：$（“＃AddName”）。val（），AddLastName：$（“AddLastName”）。val（），AddAge： $（“AddAge”）。val（），AddTag：$（“AddTag”）。val（）}＆＃xA; $ .ajax（{＆＃xA; url：“/ Home / AddFriend”，＆＃xA;类型：'发布'，＆＃xA;数据：mydata，＆＃xA;成功：null＆＃xA;}）;＆＃xA;}）;＆＃xA;＆lt; / script＆gt;＆＃xA;

＆＃xA;＆＃xA;

它所引用的代码部分：

＆＃xA;＆＃xA;

 ＆lt; div＆gt;＆＃xA ; ＆lt; label＆gt;名称：＆lt; / label＆gt;＆lt; input id =“AddName”type =“text”/＆gt; ＆lt; br /＆gt;＆＃xA; ＆lt; label＆gt;姓氏：＆lt; / label＆gt;＆lt; input id =“AddLastName”type =“text”/＆gt; ＆lt; br /＆gt;＆＃xA; ＆lt; label＆gt;年龄：＆lt; / label＆gt;＆lt; input id =“AddAge”type =“text”/＆gt; ＆lt; br /＆gt;＆＃xA; ＆lt; label＆gt;标记：＆lt; / label＆gt;＆lt; input id =“AddTag”type =“text”/＆gt; ＆lt; br /＆gt;＆＃xA; ＆lt; label id =“AddLabel”＆gt;＆lt; / label＆gt;＆＃xA; ＆lt; button id =“AddFriend”＆gt;提交＆lt; / button＆gt;＆＃xA; ＆lt; / div＆gt;＆＃xA;

＆＃xA;＆＃xA;

控制器内部的AJAX代码应该达到的功能：

＆＃xA;＆＃xA ;

  [HttpPost]＆＃xA; public void AddFriend（string AddName，string AddLastName，string AddAge，string AddTag）＆＃xA; {＆＃XA;使用（var context = new ContactEntities1（））＆＃xA; {＆＃XA;朋友fr =新朋友（）;＆＃xA; fr.userId = 1;＆＃xA; fr.Name = AddName;＆＃xA; fr.LastName = AddLastName;＆＃xA; fr.Age = Convert.ToInt32（AddAge）;＆＃xA; fr.Tag = AddTag;＆＃xA; context.Friend.Add（FR）;＆＃XA; context.SaveChanges（）;＆＃XA; }＆＃XA; }＆＃xA;

＆＃xA;＆＃xA;

（对于记录，我在下一行设置断点：）

＆＃xA;＆ #xA;

  mydata = {AddName：$（“＃AddName”）。val（），AddLastName：$（“AddLastName”）。val（），AddAge：$（“AddAge”）。val（ ），AddTag：$（“AddTag”）。val（）}＆＃xA;

＆＃xA;

Answer 1

回答问题

点击根本没有触发，我尝试添加更改了一行的行点击功能开始时标签的值，它不会执行任何一个，所以我认为click函数本身没有执行

我认为你错过了ready()：

$(document).ready(function() {
    $("#AddFriend").click(function () {
        alert('click fired');
    });
    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>
      <label>Name:</label><input id="AddName" type="text" /> <br />
      <label>Last name:</label><input id="AddLastName" type="text" /> <br />
      <label>Age:</label><input id="AddAge" type="text" /> <br />
      <label>Tag:</label><input id="AddTag" type="text" /> <br />
      <label id="AddLabel"></label>
      <button id="AddFriend">Submit</button>
  </div>

.ready()方法提供了一种尽快运行JavaScript代码的方法页面的文档对象模型（DOM）可以安全地操作。

<script>标记内的代码未注册

1 个答案: