Question

Can we Made an anchor tag autoclick in the success function of Ajax Script?

Does it Possible we Click an anchor tag through Ajax Script?

if Yes then how?I am using Ajax in asp.net MVC?

This is the Viewsource of Partial View




  <script language="javascript" type="text/javascript">
  $(document).ready(function(){
  alert("Button clicked");
  $("#bt1").click(function(){
  var data2 = $('#txt2').val();
  var data1 = $('#Color').val();
  $.ajax({
  type:"Post",
  url:'/Marker/CreateMarkerjson',
  data:"Color="+ data1 + "&txt2=" + data2,
  success:function(result)
  {
  alert(result);
  $get('click').click();
  },
  error:function(result)
  {
  alert("fail");
  }
  }); 
  });
  });
  </script>
  <script type="text/javascript">
  $(document).ready(function() {
  $("#datepicker").datepicker();
  });
  </script>



  <form action="/Marker/CreateMarkerPartial" method="post">
  <fieldset>
  <legend>Fields</legend>
  <p>

 <label for="Id" id="ID">
  Id:</label>
 <input type="text" id="txt1" />

 </p>
 <p>
 <label for="CompanyName">
  CompanyName:</label>
 <input type="text" id="txt2" />


 </p>
 <p>
 <label for="Color">
  Color:</label>
 <input id="Color" name="Color" type="text" value="" />

</p>
<p>
<input type="button" id="bt1"  value="create" />


</p>
<div id="datepicker"></div>
</fieldset>
</form>
<div>
  <a href="/Marker/Index">Back to List</a>
  <a href="/Marker/AllMarkers" id="click">click</a>
</div>

Answer 1

更新答案。合并两个$（document）.ready函数并将$ get（'click'）更改为$（'#click'）。我们试一试。

<script language="javascript" type="text/javascript">
  $(document).ready(function () {
    alert("Button clicked");
    $("#bt1").click(function () {
      var data2 = $('#txt2').val();
      var data1 = $('#Color').val();
      $.ajax({
        type: "Post",
        url: '/Marker/CreateMarkerjson',
        data: "Color=" + data1 + "&txt2=" + data2,
        success: function (result) {
          alert(result);
          $('#click').click();
        },
        error: function (result) {
          alert("fail");
        }
      });
    });
    $("#datepicker").datepicker();
  });
</script>
<form action="/Marker/CreateMarkerPartial" method="post">
<fieldset>
  <legend>Fields</legend>
  <p>
    <label for="Id" id="ID">
      Id:</label>
    <input type="text" id="txt1" />
  </p>
  <p>
    <label for="CompanyName">
      CompanyName:</label>
    <input type="text" id="txt2" />
  </p>
  <p>
    <label for="Color">
      Color:</label>
    <input id="Color" name="Color" type="text" value="" />
  </p>
  <p>
    <input type="button" id="bt1" value="create" />
  </p>
  <div id="datepicker">
  </div>
</fieldset>
</form>
<div>
  <a href="/Marker/Index">Back to List</a> <a href="/Marker/AllMarkers" id="click">click</a>
</div>

Answer 2

您可以触发要单击的锚标记的点击处理程序。

例如：

<a id="clickme" href="somelink.html">Click me</a>

现在必须在成功完成请求后从您的ajax脚本中触发一个事件。在那个功能中做

document.getElementById('clickme').click();

我们可以在Ajax Script的成功函数中自动执行锚标记吗？

2 个答案: