Can we Made an anchor tag autoclick in the success function of 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

Update answer. Merged the two $(document).ready functions and changed the $get('click') to $('#click'). Let's give it a try.

<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

you can fire the click handler of the anchor tag that you want clicked.

for example:

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

now there must be an event being fired from your ajax script on the successful completion of the request. In that function do

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