Можем ли мы сделать автовыбор тега привязки в функции успеха Ajax Script?

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

вы можете запустить обработчик щелчка тега привязки, по которому вы хотите щелкнуть.

например:

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

теперь должно произойти событие из вашего ajax-скрипта при успешном завершении запроса. В этой функции сделать

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

Answer 2

Обновить ответ. Объединили две функции $ (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>