0

フォーム送信イベントでshowuser()変数を投稿する関数があります。sent

同じ関数でさらにいくつかの変数を取得していて、それを投稿したいのですsentが、別のページで受信されませんでした。

これが私のコードです。私の間違いは何ですか?

function showUser(form, e) {
      e.preventDefault();
      e.returnValue=false;
      var xmlhttp;
      var sent = form.elements['sent'].value;
      var sent2 = form.elements['sent2'].value;  // sent2 is the name of one of <div> in the form where sent is there. But getting error : "TypeError: form.elements.sent2 is undefined"

      var divElements = document.getElementById('d1').innerHTML;
      var text1 = document.getElementById('previewUrl').innerText || document.getElementById('previewUrl').textContent;
      var text2 = document.getElementById('previewTitle').innerText || document.getElementById('previewTitle').textContent;
      var text3 = document.getElementById('previewDescription').innerText || document.getElementById('previewDescription').textContent;

     // I want to post text1,2,3 along with sent to another page where sent get received

      if (window.XMLHttpRequest) {
        xmlhttp=new XMLHttpRequest();
      }
      else {
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange = function(e) {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
          document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
        }
      }
        xmlhttp.open(form.method, form.action, true);
      xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

      xmlhttp.send('sent=' + sent + 'text1=' + text1 + 'text2=' + text2 + 'text3=' + text3);
    }

データは次のフォームから取得されます。

    <form>
     <input type="text" id="text" name="sent" contenteditable="true"  style=" text-align: left; height: 30px; width:512px; " placeholder="Enter URL ..."/></input>
     <div id="d1" height="40" width="60" name="sent2"  style=" border:1px solid black; z-index: 1; left: 950px; top:80px; position: absolute; margin-top: 0px" placeholder="Preview title" >
             </div>
             <div id="d2" height="40"  style="border:1px solid black; z-index: 1; left: 950px; top:100px; position: absolute; margin-top: 0px; min-width:60; overflow:auto" placeholder="Preview Url">
             </div>
             <div id="d3" height="80"  border="1" style="border:1px solid black; z-index: 1; left: 950px; top:140px; position: absolute; margin-top: 0px" placeholder="Preview Desciption">
             </div>
//Some other content
</form>

また、これを使用してフォーム送信イベントでコンテンツの値を取得しようとしました:

 var sent2 = form.elements['sent2'].value; //sent2 name of <div id="d1">

しかし運がない

4

1 に答える 1

1

&キー/値の文字列に、変数を区切る文字がありません。encodeURIComponent()また、特殊文字が URL エンコードされ、フォーマットが壊れないように、それらを実行する必要があります。

sent = encodeURIComponent(sent);
text1 = encodeURIComponent(text1);
text2 = encodeURIComponent(text2);
text3 = encodeURIComponent(text3);

xmlhttp.send('sent=' + sent + '&text1=' + text1 + '&text2=' + text2 + '&text3=' + text3);
//                             ^ here              ^ here              ^ here
于 2013-10-15T16:41:26.087 に答える