Question

我有一个链接，可以调用保存会话的API。假设我的API出现在http://www.example.net上，我的链接如下：

 <a href="http://www.example.net" >Click here </a>

现在我不想刷新页面。只需使用JQuery或Javascript来简单地执行链接并发出类似＆＃34; Action Succesfull＆＃34;的警告。我没有看到使用AJAX的重点，因为我不需要任何数据库操作。感谢

Answer 1

AJAX的重点不是做数据库操作，而是与服务器通信而无需重新加载页面。我认为您的描述符合使用AJAX的要求，因为您确实希望从服务器获得答案，并且您不想重新加载页面。

你也可以打开一个iframe或一个新窗口，但是ajax可能就是这里的解决方案。

请记住，单击锚点时需要取消该事件。

所以，使用ajax你可以这样：

$('a').on('click', function(e) {
  e.preventDefault;
  var href = this.getAttribute('href');
  $.ajax({
    url: href,
    success: function(text) {
      alert(text);
    }
  });
});

Answer 2

你需要一个ajax电话。像这样：

$.ajax({
    cache: false,
    type: "Post",
    url: "http://www.example.net",
    success: function () {
       alert("Success");
    },
    error: function (xhr, ajaxOptions, thrownError) {
        alert("Error");
    },
    finaly: function () {
        alert("Finish");
    }
});

Answer 3

如果您不想使用AJAX，可以简单地使用onclick事件

<a href="http://www.example.net" onclick="event.preventDefault();">Click here </a>

Answer 4

点击按钮提交或链接时尝试使用ajax调用。这是代码：

$("a").click(function(e){
    $.ajax({
        url: "http://www.example.net",
        type: "POST",
        error: function(jqXHR, textStatus, errorThrown) 
        {
            alert(errorThrown);
        },
        success: function(data,textstatus,jqXHR)
        {
            alert("Success");
        }

    });
    e.preventDefault();
});

Answer 5

你需要做这样的事情：

$('a').click( function(e) {
    e.preventDefault();
    var url = "your link";
    $.ajax({
       url: url,
       success: function(data)
       {
           alert(data); // show response.
       }
    });
    return false;

}）;

使用javascript或jquery提交链接而不刷新页面

5 个答案: