Javascript 如何使用'；onClick'；作用

我试图用“onClick”函数捕获一个整数id。并使用ajax将其发送到数据库。并在警报框中显示与此id相关的所有信息

<button class="show">Show Popup</button>

  <div class="Popup Confirm">
    <input type="text" id="id" />
    <button type="button" onclick="getId(document.getElementById('id').innerHTML);">Get</button>
  </div>

<script>
$('.show').click(function(){    
$(".Popup").show();
$("#id").val(4);
});

function getId(id = null) {
if(id) {        
    $.ajax({
        url: 'abc.php',
        type: 'post',
        data: {id: id},
        dataType: 'text',
        success:function(response) {
            alert(id);
        }
    }); 
} 
else {
    // error messages
     alert("No id selected");
    } 
  } 
</script>

显示弹出窗口
收到
$（'.show'）。单击（函数（）{
$（“.Popup”）.show（）；
$（“#id”）.val（4）；
});
函数getId（id=null）{
如果（id）{
$.ajax({
url:'abc.php'，
键入：“post”，
数据：{id:id}，
数据类型：“文本”，
成功：功能（响应）{
警报（id）；
}
}); 
} 
否则{
//错误消息
警报（“未选择id”）；
} 
} 

而不是

Get

你应使用：

Get

输入字段值可通过

value

属性获得，而不是

innerHTML

---

Fiddle:

为什么不使用jQuery的

将click事件绑定到按钮上。click（）

而不是使用内联JS？

$ajax

有两个回调，

success

和

error

（？）你应该同时使用这两个…我不能在jsidle中使用ajax。如果您修改代码，它应该可以工作（如果服务器端是正常的）。出于良好的实践，但我不推荐上述方法。代码中有很多东西我不推荐，但我试图坚持解决手头的问题。