📜  JSON与Ajax

📅  最后修改于: 2020-11-13 05:11:58             🧑  作者: Mango


AJAX是异步JavaScript和XML,在客户端被用作一组相互关联的Web开发技术,以创建异步Web应用程序。根据AJAX模型,Web应用程序可以从服务器异步发送和检索数据,而不会影响现有页面的显示和行为。

许多开发人员使用JSON在客户端和服务器之间传递AJAX更新。更新实时体育比赛成绩的网站可以视为AJAX的示例。如果必须在网站上更新这些分数,则必须将它们存储在服务器上,以便网页可以在需要时检索分数。这是我们可以使用JSON格式的数据的地方。

可以使用JSON格式将使用AJAX更新的任何数据存储在Web服务器上。使用AJAX以便javascript可以在必要时检索这些JSON文件,对其进行解析并执行以下操作之一-

  • 将解析后的值存储在变量中以进行进一步处理,然后再在网页上显示它们。

  • 它直接将数据分配给网页中的DOM元素,以便将其显示在网站上。

以下代码显示了带有AJAX的JSON。将其另存为ajax.htm文件。此处,加载函数loadJSON()异步用于上传JSON数据。


        
      
    
      tutorialspoint.com JSON
   
    
   
      

Cricketer Details

Name Country
Sachin
India

下面给出的输入文件data.json ,具有JSON格式的数据,当我们单击Update Detail按钮时将异步上传该数据。该文件保存在http://www.tutorialspoint.com/json/

{"name": "Brett", "country": "Australia"}

上面的HTML代码将生成以下屏幕,您可以在其中检查AJAX的作用-

Name Country
Brett
Australia

当您单击更新详细信息按钮时,您应该得到如下结果。您可以使用AJAX自己尝试JSON ,只要您的浏览器支持Javascript。

板球运动员详细信息

名称 国家
布雷特
澳大利亚