使用HTML+JS+PHP实现邮编省市验证时JavaScript代码运行报错求助

你的JavaScript代码本身没有语法错误，缩进调整也不会导致运行异常，排查到3处可直接导致功能失效的问题：

• 核心问题：你定义了get_details()函数，但没有给「Get Details」按钮绑定点击事件，点击按钮不会触发任何逻辑
• viewport元标签存在语法错误，属性值多了冗余反斜杠
• AJAX请求的参数传递写法存在潜在编码风险，特殊字符会导致请求异常

具体修复步骤 #

1. 给按钮添加点击事件绑定，修改按钮代码为：

<input type="button" class="btn" value="Get Details" onclick="get_details()">

2. 修复viewport标签的语法错误，替换原有错误的meta标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

3. 优化AJAX请求的参数传递写法，避免特殊字符导致的请求异常：
   将JS代码中AJAX配置里的data:'pincode='+pincode,改为对象形式：

data: {pincode: pincode},

如果需要避免后端返回非JSON格式内容时前台抛出异常，可额外添加异常捕获逻辑：

success:function(data){
    if(data=='no'){
        alert('Wrong Pincode');
        jQuery('#city').val('');
        jQuery('#state').val(''); 
    }else{
        try {
            var getData = $.parseJSON(data);
            jQuery('#city').val(getData.city);
            jQuery('#state').val(getData.state);
        } catch (e) {
            alert('数据解析异常，请检查后端接口返回格式');
            console.error('JSON解析错误：', e);
        }
    }
}

内容的提问来源于stack exchange，提问作者User