是否可以通过链接

时间:2016-05-17 07:25:19

标签: javascript jquery html

我刚创建了一个HTML文件,该文件有一个链接到服务器并检索一个数字值。

我只是想知道我们是否可以拥有该警报框中链接生成的值。

要清楚我不想在警告框中链接,但我想显示从服务器返回的值

在这里查看我的代码

<!DOCTYPE html>
<html>
<body>
    <p>Click the button to display an alert box:</p>
    <button onclick="myFunction()">Try it</button>
    <script>
        function myFunction() {
            alert("I am an alert box!");
        }
    </script>
    <a href="http://localhost:8080/TemperatureReading/"> test </a>
</body>
</html>

这里警告框说 -

我是一个警示框!

现在,我想要的是我可以在警告框中显示值,该值是来自服务器的值(链接中的值)。

这可能很容易,但我无法得到它。任何人都可以帮我解决这个问题。提前谢谢!

编辑: 我也试过了ajax GET请求 -

<!DOCTYPE html>
<html>
<body>
    <h2>AJAX</h2>
    <button onclick="myFunction()">Try it</button>

    <script>
        function loadDoc() {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (xhttp.readyState == 4 && xhttp.status == 200) {
                    document.getElementById("demo").innerHTML = xhttp.responseText;
                }
            };
            xhttp.open("GET", "http://localhost:8080/TemperatureReading/", true);
            xhttp.send();
        }
    </script>
</body>
</html>

但哪里有警报??

5 个答案:

答案 0 :(得分:1)

如果你想得到测试的href值并在点击按钮时提醒它,试试这个:

function myFunction() {
   var href = $("a").attr("href");
  alert(href);
}

答案 1 :(得分:1)

正如您所提到的,您希望显示从服务器返回的值,这是我建议的。

  • 将Jquery引用添加到您的页面。 (我已从下面的CDN添加)
  • 使用Jquery对锚标记中的链接进行Ajax调用。
  • 在此Ajax成功方法中,在警报
  • 中显示此返回值

以下示例代码。

void add_online(char* user){
    online* tmp = (online*) malloc(sizeof(online));
    tmp->user = (char*) malloc(strlen(user)*sizeof(char));
    strcpy(tmp->user, user);
    tmp->next = NULL;


    if (begin==NULL){
        begin = tmp;
        end=tmp;
    }
    else {
        end->next=tmp;
        end=end->next;
    }
}

答案 2 :(得分:0)

您可以使用text()方法获取元素的文本,该元素可以在警报中使用。

function myFunction() {
  alert($("a").text());
}

好像你没有在代码中引用jquery。

答案 3 :(得分:-1)

http://localhost:8080/TemperatureReading/发出POST或GET请求 并在页面中返回变量提醒

https://api.jquery.com/jquery.post/

答案 4 :(得分:-2)

以下代码需要jQuery:

function myFunction() {
    $.ajax({
        type:“GET”,
        url:"server address",
        success:function(data){//data is server print 
            alert(data)
        }
    })    
}