JavaScript函数成功没有起作用
我的Javascript有问题。 我的要求是在形式上,我有3个文本框,1个按钮。第一个文本框是我的前3位邮政编码,第二个文本框是日本邮政编码的后4位邮政编码。当用户单击按钮时,地址将根据用户输入的邮政编码自动填充到第三个文本框中。 对于自动填充地址,我在cgi文件中有地址列表。我需要把它载入表格 form.jsJavaScript函数成功没有起作用,javascript,jquery,html,css,cgi,Javascript,Jquery,Html,Css,Cgi,我的Javascript有问题。 我的要求是在形式上,我有3个文本框,1个按钮。第一个文本框是我的前3位邮政编码,第二个文本框是日本邮政编码的后4位邮政编码。当用户单击按钮时,地址将根据用户输入的邮政编码自动填充到第三个文本框中。 对于自动填充地址,我在cgi文件中有地址列表。我需要把它载入表格 form.js $('#zip2addrbtn').on('click',function(){ var zip=g_form.getV('s1_zip_01')+''+g_form.g
$('#zip2addrbtn').on('click',function(){
var zip=g_form.getV('s1_zip_01')+''+g_form.getV('s1_zip_02');
if(zip.search(/^\d{7}$/)==-1){
alert('郵便番号は半角数字でご入力ください');
}
else{
$.ajax({
url:'/cgi-bin/zip2addr.cgi?zip='+zip,
success:function(json){
eval('var addr='+json);
var tmp='';
if(addr.pref){
tmp+=addr.pref;
}
if(addr.city!=''){
tmp+=addr.city;
}
if(addr.addr!=''){
tmp+=addr.addr;
}
if(tmp==''){
alert('郵便番号から住所が見つかりませんでした');
}
else{
$('input[name="s1_address_01"]').val(tmp);
}
}
});
}
return false;
});
input.html
<div class="left">
<input type="text" name="s1_zip_01" value="" maxlength="3" />
<span></span>
<input type="text" name="s1_zip_02" value="" class="zip_02" maxlength="4" />
</div>
<div class="right">
<a href="#" id="zip2addrbtn" ><span>住所自動入力</span></a>
</div>
问题是当我输入邮政编码时,自动填充地址没有显示。
有人能帮我吗。
我是Javascript新手
提前感谢。首先检查ajax调用是否成功。我怀疑它有错误。因此,通过添加
error
回调来检查它。还要检查控制台是否有任何错误。还要设置数据类型:'json'
。在浏览器控制台网络选项卡中检查完整请求。查看发送的内容、返回的内容(如果有)和状态。无需使用eval
请任何人帮我解释更多细节。因为我是Javascript新手。我现在真的被卡住了。谢谢您的帮助。@user1471561在浏览器中按f12,然后查看开发人员工具。在控制台中,您可以看到错误。