jquery ajax를 통해 양식 필드를 전송하는 중 오류가 발생했습니다.

Question

dataString을 서버로 보내는데 문제가 있습니다. Aparently 그것은 폼에서 정확하게 값을 가져 오지 않습니다. 아래 내 jquery와 내 PHP입니다.

$(document).ready(function() { 
    $("#submitForm").live('click', function() { 
     updateUserInfo(); 
    }); 

var birthdate = $("#birthdate"); 
var sex = $("#sex"); 
var interestedIn = $("#interestedIn"); 
var relationshipStatus = $("#relationshipStatus"); 
var knownLanguages = $("#knownLanguages"); 
var religiousViews = $("#religiousViews"); 
var politicalViews = $("#politicalViews"); 
var aboutMe = $("#aboutMe"); 
var mobilePhone = $("#mobilePhone"); 
var neighborhood = $("#neighborhood"); 
var website = $("#website"); 
var email = $("#email"); 

var dataString = birthdate + sex + interestedIn + relationshipStatus + knownLanguages + politicalViews + aboutMe + mobilePhone + neighborhood + website + email; 

function updateUserInfo() { 
    jQuery.ajax({ 
     type: "POST", 
     dataType: "JSON", 
     url: "<?=base_url()?>index.php/regUserDash/updateUserInfo", 
     data: dataString, 
     json: {userInfoUpdated: true}, 
     success: function(data) { 
     if(data.userInfoUpdated == true) { 
      alert("hello"); 
     } 
     } 
    }); 
} 
}); 

내 PHP :

public function updateUserInfo() { 
     $userid = $this->session->userdata('userid'); 
     $birthdate = $this->input->post("birthdate"); 
     $sex = $this->input->post("sex"); 
     $interestedIn = $this->input->post("interestedIn"); 
     $relationshipStatus = $this->input->post("relationshipStatus"); 
     $languages = $this->input->post("languages"); 
     $religiousViews = $this->input->post("religiousViews"); 
     $politicalViews = $this->input->post("politicalViews"); 
     $aboutMe = $this->input->post("aboutMe"); 
     $mobilePhone = $this->input->post("mobilePhone"); 
     $neighborhood = $this->input->post("neighborhood"); 
     $websites = $this->input->post("websites"); 
     $email = $this->input->post("email"); 

     $this->db->query("INSERT IGNORE INTO user_info (birthdate, sex, interestedIn, relationshipStatus, Languages, religiousViews, politicalViews, aboutMe, mobilePhone, neighborhood, websites, email, userid) 
          VALUES('{$birthdate}', '{$sex}', {$relationshipStatus}', '{$languages}, {$religiousViews}', '{$politicalViews}', {$aboutMe}', '{$mobilePhone}' {$neighborhood}', '{$websites}', {$email}', '{$userid}')"); 

     echo json_encode(array('userInfoUpdated' => true)); 
    } 

Answer 1

요소의 값을 얻으려면 .val()을 사용하십시오. 그리고 변경하려면 dataString에 :

var dataString = {'birthdate' : birthdate, 'sex' : sex, 'interestedIn' : interestedIn, 'relationshipStatus' : relationshipStatus, 'knownLanguages' : knownLanguages, 'politicalViews' : politicalViews, 'aboutMe' : aboutMe, 'mobilePhone' : mobilePhone, 'neighborhood' : neighborhood, 'website' : website, 'email' : email}; 

api.jquery.com에서 :

Answer 2

코드 $("#birthdate");는 아이디 #birthdate 인 요소를 반환하지만 그것은 값입니다. val 함수를 사용하여 값을 가져옵니다. like var birthdate = $("#birthdate").val();