簡體   English   中英

javascript將數據發送到url

[英]javascript sending data into a url

我已嘗試使用此代碼將某些信息發送到特定IP。 該IP是充當服務器的微控制器。

但是,它將信息發送到以該IP命名的頁面,而不是該IP。

該代碼是用JavaScript編寫的。 我該怎么辦? 使用post方法或Xmlhttprequest及其操作方法。 我認為我的代碼非常簡單:

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}
</script>
</head>

<body>
<form name="myForm" action="192.168.1.250" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>

</html>

您需要包括協議

action="http://192.168.1.250"

如果您也想將用戶發送到該IP,則可以使用POST。 如果實際上您希望保留在同一頁面上,請發送信息(反之亦然),那么實際上AJAX呼叫就足夠了。 下面,我使用普通JavaScript而不是任何JavaScript庫,盡管使用jQuery會為您提供一些回調/幫助程序,以使您的代碼更穩定。

jsFiddle: http : //jsfiddle.net/atjBQ/3/

<script>
    /** 
     * Validate Form, else, Send Ajax
    **/
    function validateform() {
       var x = document.forms["myForm"]["fname"].value;
        if ( x == null || x == "" ) { 
            alert( "First Name must be filled out" );  
            return false;
        }

        /** 
         * If POST
         *   use: xmlhttp.setRequestHeader(
         *           "Content-type", 
         *           "application/x-www-form-urlencoded"
         *           );
        **/
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.open("GET", "http://192.168.1.250?q=" + x, true);
        xmlhttp.send();
        return false;
    }
</script>

<form name="myForm" id="myformtosend">
    <label for="fname">First name:</label><input type="text" name="fname" />
    <input type="submit" value="Submit" />
</form>

使用jQuery

/** 
 * Snippet Reference to: 
 * http://api.jquery.com/jQuery.post/   
**/

<script>
   $.ajax({
     type: "POST",
     url: "http://192.168.1.250",
     data: data,
     success: function() {
        /** Some Code **/
     }   
   });
</script>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM