Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/284.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 开发ajax按钮_Php_Jquery_Ajax_Loading - Fatal编程技术网

Php 开发ajax按钮

Php 开发ajax按钮,php,jquery,ajax,loading,Php,Jquery,Ajax,Loading,我正在寻找一种方法,如果用户单击主页上的“浏览”按钮,那么浏览页面应该在不重新加载页面的情况下显示。而且还需要在页面顶部的加载栏。我知道我们应该使用AJAX,但是如何使用呢 我在下面给出的网站都有我想解释的功能。 如果使用jQuery,可以使用 $.ajax({ url: "test.html", }).done(function(data) { $('#Destination').HTML(data); }); 这将把test.html页面放在Id为Destination的html元素中。你

我正在寻找一种方法,如果用户单击主页上的“浏览”按钮,那么浏览页面应该在不重新加载页面的情况下显示。而且还需要在页面顶部的加载栏。我知道我们应该使用AJAX,但是如何使用呢

我在下面给出的网站都有我想解释的功能。

如果使用jQuery,可以使用

$.ajax({
url: "test.html",
}).done(function(data) {
$('#Destination').HTML(data);
});
这将把test.html页面放在Id为Destination的html元素中。你可以在网站上找到更多

然后可以在按钮上使用OnClick属性,并将ajax调用包装到函数中

function AJAXCall(){
  $.ajax({
  url: "test.html",
  }).done(function(data) {
  $('#Destination').HTML(data);
  });
}

<button type="button" onclick="AJAXCall"> </button>
函数AJAXCall(){
$.ajax({
url:“test.html”,
}).完成(功能(数据){
$('#Destination').HTML(数据);
});
}

一些关于AJAX的入门教程和示例似乎是一个很好的起点。