2012-10-18 3 views
1

사용자가 보낸 메일을 클릭 할 때 클라이언트 측 유효성 검사를 통과하면 필드에 우편 번호를 입력하는 일부 코드 작업 중입니다. 스크립트에서 우편을 보내길 원합니다. 코드를 주소에 추가하면 백엔드 개발자가 유효하거나 무효 인 json 파일을 반환하도록 설정합니다.Ajax를 통해 데이터를 전달하면 json 파일이 생깁니다.

문제는 내가 지금 당장 돌아 오지 않는 것이 정의되지 않는다는 것입니다.

누군가 내가 잘못하고있는 것을보고 조언하거나 문제를 해결할 수 있습니까? 나는 console.log를 어떻게 사용하는지 잘 모르겠다. 아마도 도움이 될 것이다. 감사.

jQuery.validator.addMethod("postalcode", function(postalcode, element) { 
return this.optional(element) || postalcode.match(/(^\d{5}(-\d{4})?$)| (^[ABCEGHJKLMNPRSTVXYabceghjklmnpstvxy]{1}\d{1}[A-Za-z]{1} ?\d{1}[A-Za-z]{1}\d{1})$/); 
}, "Zip code not valid. Please try again."); 

var myForm = $('#zipform'); 

myForm.validate({ 
    errorClass: "errormessage, intro-highlighted", 
    onkeyup: false, 
    highlight: function(element) { 
     $(element).addClass('intro-highlighted'); 
    }, 
    unhighlight: function(element) { 
     $(element).removeClass('intro-highlighted'); 
    }, 

    errorClass: 'error', 
    validClass: 'valid', 
    rules: { 
    zipcode: { required: true, postalcode: true } 
    }, 
    errorPlacement: function(error, element) 
    { 
    // Set positioning based on the elements position in the form 
    var elem = $(element), 
     corners = ['left center', 'right center'], 
     flipIt = elem.parents('span.right').length > 0; 

    // Check we have a valid error message 
    if(!error.is(':empty')) { 
     // Apply the tooltip only if it isn't valid 
     elem.filter(':not(.valid)').qtip({ 
     overwrite: false, 
     content: error, 
     position: { 
      my: 'top left', 
      at: 'top left', 
      target: $('#zipcode'), 
      adjust: { 
      y: -30 
      } 
     }, 

     show: { 
      event: false, 
      ready: true 
     }, 
     hide: false, 
     }) 

     // If we have a tooltip on this element already, just update its content 
     .qtip('option', 'content.text', error); 
    } 

    // If the error is empty, remove the qTip 
    else { elem.qtip('destroy'); } 
    }, 
    success: $.noop, // Odd workaround for errorPlacement not firing! 
}) 

$.ajax({ 
    url: "http://address/icantshow/json/checkZip.action?zipCode=" + zipcode + "?jsoncallback=?", 
    type: "GET", 
    async: false, 
    dataType: "jsonp", 
    /*data: { 
     zipcode:$('#zipcode').val(), 
     username: 'user', 
     password: 'pass' 
     },*/ 
    success: function(json) { 
     console.log(typeof data); 
     //console.log(jsondata); 
     //$('.bar').css({display:'none'}); 
     //$('.loader').append(data); 
    }, 
    error: function(e) { 
     console.log(e.message); 
    } 
}) 
+0

'비동기하십시오 JSONP 요청에서 FALSE '는 이해가되지 않습니다, 그리고 jQuery를 무시합니다. –

답변

1
//REPLACE 
url: "http://address/icantshow/json/checkZip.action?zipCode=" + zipcode + "?jsoncallback=?", 
//BY 
    url: "http://address/icantshow/json/checkZip.action?zipCode=" + zipcode + "&jsoncallback=?", 

//IN 
success: function(json) { 
     console.log(typeof data); 
    }, 

//SHOULD BE 
success: function(json) { 
     console.log(json); 
    }, 
+0

왜 downvote? 이 응답의 두 제안 모두 해결해야 할 수정 사항을 제안합니다. –

+0

수정 해 주셔서 감사하지만 아직 정의되지 않은 상태로 돌아오고 있습니다. 다른 아이디어. – xoam

관련 문제