var params = {
    "param1" : param1_value,
    "param2" : param2_value,
};

var url = "page_to_call.php";

$.ajax({
    context : this,
    type    : "POST", 
    url     : url, 
    data    : params, 
    dataType: "json", 
    encode  : true
})
.done(function(data){
    console.log(data);
})

.fail(function(data){   
    console.log(data);
});

在通话后您想要返回的任何内容都可以像这样被发回：

<?php

$return = array();

$return["SOME_DATA"] = "some content here";

echo json_encode($return);

?>

Answer 6

好像您要创建SPA或单页应用程序。简单的HTML，CSS和JS不可能做到这一点。使用原始JavaScript，您可以在不刷新页面的情况下更改页面，但是如果没有大量输入的测试，这将非常简单。

要做您想做的最好的方法是使用框架。最好的框架是Angular，React或Vue。

Angular是用于创建单页应用程序的基于JavaScript的Web框架。尽管它最初是在JavaScript上使用的，但是现在有了新版本，他们已经将其转换为TypeScript（一种类似于JS的语言，但有一些区别）。

React是JS库，除了它不是框架之外，它几乎可以完成相同的操作。框架是开发所需要的完整东西，但是库更像是其他工具，您可以使用它们来开发一些其他东西，而不是自己编写所有代码，而仅仅为了最简单的事情而花费数百行。如果您想要有关框架和库的更多信息，请参见此处：What is the difference between a framework and a library?

Vue是一个JS框架，用于创建用户界面。它不是真正的SPA，但可以与其他功能相同。

这三个也可以与整个堆栈一起用作后端和您选择的数据库。尽管MongoDB在Web开发框架中非常受欢迎，并在后端以许多语言提供了广泛的支持。因此，现在您可以使用后端上的数据库来更新页面，而无需刷新页面。

这三个框架在一个充满活力的社区中都很受欢迎，可以帮助您在遇到困难时解决问题。您应该对想要做的事情进行更多的研究，然后调查这三个框架/库以确定适合您的期望的内容，然后继续前进。希望这会有所帮助。

动态更新网页内容而不刷新它？

6 个答案: