Javascript 使用Ajax和php更新Span元素

你好，堆栈溢出

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

我有一个简单的PHP文件（countsomething.PHP），它可以查找一个数字并对其进行echo

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

如何让ajax更新HTML页面上的简单span元素

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

我尝试在页面加载时使用以下命令触发ajax：

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

JS

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

HTML

0

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

---

有人能给我指出正确的方向吗？

您的代码有一些问题，我已尝试在下面为您指出这些问题：

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

function updateCDNonts() {
   $.get("x.x.x.x:8080/getliveontscdn.php", function(result){ //removed equals from url
   $("#countonts").html(result); //removed curly brace that shouldn't be there
 }); //added missing bracket and semicolon

---

还有人指出，如果您的url不同，请注意cors。

我设法让它工作起来。我更改了php脚本以返回json，以下是json:

{“cdnonts”：“144”，“eagonts”：“0”，“stamonts”：null，“foxonts”：null，“pentonts”：null，“topponts”：null，“wickhamonts”：null}

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

在html中，我做了如下操作

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

            <script language="javascript">

                window.onload = function() {
                $.ajax({ 
                type: 'GET', 
                url: 'countallonts.php',
                dataType: "json",
                data: { get_param: 'cdnonts' },
                success: function(data){
                     $('span#cdnonts').html( data.cdnonts);
                     $('span#eagonts').html( data.eagonts);
                }});}

            </script>   

window.onload=函数（）{
$.ajax（{
键入：“GET”，
url:'countallonts.php'，
数据类型：“json”，
数据：{get_param:'cdnonts'}，
成功：功能（数据）{
$（'span#cdnonts'）.html（data.cdnonts）；
$（'span#eagonts'）.html（data.eagonts）；
}});}

虽然我不确定它为什么工作，因为我希望数据变量只返回“cdnonts”对象，但我怀疑它会解析所有对象

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}

---

谢谢你的帮助

您缺少一个

）

。在

.php

之后还有一个额外的

=

。如果

x.x.x:8080

与页面URL不同，您可能会在控制台中遇到CORS错误。您在JavaScript控制台中遇到错误吗？console.log您的js结果变量以检查问题来自何处。仅为获取信息，您不需要使用

js lang

只要

就足够了

function updateCDNonts() {
  $.get("x.x.x.x:8080/getliveontscdn.php=", function(result){
    $("#countonts").html(result)};
}