我对服务器端编程比较陌生,但是我正在构建一个框架以学习并在完成后将其交付给公众。
我希望 Web 平台的某些部分能够根据请求仅更新页面的一部分,但是我对 AJAX 还一无所知。
如果有人能建议我的目标学习曲线,那就太好了。有点像 SoundCloud 的网站,能够仅更新请求的 DOM 部分。
我对服务器端编程比较陌生,但是我正在构建一个框架以学习并在完成后将其交付给公众。
我希望 Web 平台的某些部分能够根据请求仅更新页面的一部分,但是我对 AJAX 还一无所知。
如果有人能建议我的目标学习曲线,那就太好了。有点像 SoundCloud 的网站,能够仅更新请求的 DOM 部分。
注意:我对此也很陌生,因此建议您多加注意。我详细介绍了一种对我有用的技术,但我不保证它是最好的方法!
AJAX 在客户端,可以通过标准 javascript(在大多数情况下我不建议这样做很痛苦)或通过 jQuery 之类的库来实现。有很多关于使用 jQuery 进行 ajax 调用的教程,但要点是您在服务器上请求一些资源,当它到达时,调用一个对数据执行某些操作的回调(这种行为是异步的,就像节点.js 往往是)。
如果您没有为客户端使用 AJAX 的经验,我建议您先使用 Express 之类的框架,然后再自行开发(这也意味着重新发明轮子)。AJAX 调用与标准 HTTP 请求没有什么不同:它可以是 POST、GET 等。
然后你进入路由的概念:给定一些信息的请求(AJAX 与否!),我应该做什么,我应该返回什么?框架会为您完成幕后工作,因此您需要做的就是指定要请求的资源、请求资源的方法,然后是执行服务器端处理的回调,该回调返回一些数据。该数据可以是网页,也可以是 JSON 对象,等等。关键是您希望以一种对 AJAX 调用有意义的方式来构建它。
这是一个简单的例子:假设我有一个网页,它将显示一堆与服务器相关的信息,例如正常运行时间、负载、内存使用情况等。首先,我编写了构建此数据的基本 HTML 页面(例如index.html
),然后我开始编写一个脚本,该脚本对该信息进行 AJAX 调用。我决定请求(例如/json/stats
)将收到 JSON 响应。在服务器端,我编写了一个简单的 Express 脚本,它启动服务器并有两条路由:第一条路由将接受对我的/
页面的任何请求并提供index.html
. 第二条路线将接受任何请求/json/stats
并进行几次调用以了解服务器的状态,构造一个包含此数据的对象,并将其作为响应返回。现在,回到我的 HTML 页面的脚本中,我可以通过 jQuery 对该对象的结构进行操作以构建页面。