jquery를 사용하여 폼에서 데이터를로드 할 때 null을 반환합니다.

Question

로드, $ .get 또는 post를 사용하여 PHP 파일에 submit을 사용하여 폼의 값을 전달할 때 아래와 같이 데이터를 받거나 일반적으로로드하려고 시도 할 때 , 난 그냥 null 또는 정의되지 않은 값을 ruturned 얻을. 사람이 무슨 일을 잘못하는지 알아?

index.html을 `

<script type = "text/javascript"> 
    $(document).ready(function(){ 

     $("#NewOrgForm").submit(function(){ 
      var name = $("#companyname").val(); 
      $(".content").load("NewEntry.php",{Name: name}); 
     }); 
    }); 
</script> 


<form id="NewOrgForm"> 
<p> Name: <input type="text" id="companyname" value="" /> </p> 
<p> <input type="submit" value="Submit New Entry" id="submit" /> </p> 
</form> 

NEWENTRY.PHP

<?php 

$companyname = $_POST['Name']; 
echo $companyname; 

?> 

`

Answer 1

게시 한 댓글 중 일부는 양식에서 데이터를 잘못 수집하고있는 것처럼 보입니다. 이름 변수가 실제로 설정되었는지 확인하기 위해 경고를 시도 했습니까? 또한로드하는 정확한 URL을보기 위해 방화 쇠 (firebug) 또는 무언가를 사용해보십시오.

아마 함수에 직접 전달 된 이벤트 참조를 사용하고 절대 선택기를 사용하는 대신 필드를 가져와보십시오. 도움이 될지도 몰라.

Answer 2

당신은 단지 POST를하고있는 경우가 보일 것 같은 뭔가 :

<script type = "text/javascript"> 
    $(document).ready(function(){ 

     $("#NewOrgForm").attr({ 
      "method": "POST", 
      "action": "NewEntry.php" 
      }).submit(); 
    }); 
</script> 

에도 불구하고 jquery를 사용하는 이유는 무엇입니까? 양식 요소에 대한 메소드 및 작업 속성을 설정하기 만하면 ...

Answer 3

실제로 HTML에 "content"클래스가있는 요소가 있습니까?

시도하면 부하가 실제로 실행 알고 있습니다 있도록 콜백 함수의 활용 :

$('#result').load('ajax/test.html', function() { 
    alert('Load was performed.'); 
}); 

위의 코드는 JQuery와 사이트에서 (http://api.jquery.com/load/)

UPDATE를 촬영 : 내가 더 이것 좀 봐, 더 더 나은 .post (http://api.jquery.com/jQuery.post/)

UPDATE2 승 /가는 당신은 아마 있다고 생각 :

: 당신이하려고하면 어떻게됩니까

$(document).ready(function(){ 
    runOnLoad('content'); 
}); 

function runOnLoad(className){ 

    var name="peter"; 
    var ajaxData = {"Name": name}; 
    var url="NewEntry.php"; 
    var contentToReturn=""; 

    $.ajax({ 
    type: "POST", 
    url: url, 
    data: ajaxData, 
    datatype: "html", 
    success: function(html) { 
     contentToReturn="Success! It returned "+html+"<br>"; 
     $('div.'+className).html(contentToReturn); 
    }, 
    error: function(html) { 
     contentToReturn="Failure! It returned "+html+"<br>"; 
     $('div.'+className).html(contentToReturn); 
    } 

    }); 
    return; 
}