Javascript Jquery-脚本问题

我遇到了一个问题。我有UI部分和服务器部分代码。在UI中，我以json格式将数据发送到服务器端#btn_login click用于登录，页面工作正常。对于下一个“btn_AddDoc”，单击nothing is发生，页面重新加载

我没有剧本方面的经验

var userid ;
  $(function () {
     $("#dialog").dialog();
      //login button click
      $("#btn_login").click( function () {
          var GetLogDet = {};
          GetLogDet.Username =$("#username").val();
          GetLogDet.Password = $("#password").val();
          $.ajax({
              type: "POST",
             url: "http://localhost/EMRDMSService/Service.asmx/User_Login",
             data: "{lg:" + JSON.stringify(GetLogDet) + "}",
            // url: "http://localhost/EMRDMSService/Service.asmx/Permission_List",
             // data: "{userid:" + JSON.stringify(GetLogDet) + "}",

              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: function (r) {                     


                              console.log(r.d.STAT);
              }
          });
      });
      //add document button click
      $("#btn_AddDoc").click( function () {
          var InsDocDet = {};
          InsDocDet.docname=$("#DocName").val();
          InsDocDet.file_name=$("#FlName").val();
          InsDocDet.ownerUser=1;
          InsDocDet.catid=$("#drp_cat").val();
          InsDocDet.createDatetime=new Date();
          InsDocDet.description_d=$("#Desc").val();
          InsDocDet.comments_=$("#cmnts").val();
          InsDocDet.deptid_=1;
          InsDocDet.con_type=1;
          InsDocDet.size_=1;
          InsDocDet.Doc_status="up";

          $.ajax({
              type: "POST",
            // <!-- url: "http://localhost/EMRDMSService/Service.asmx/User_Login",-->
             url: "http://localhost/EMRDMSService/Service.asmx/Permission_List",
              data: "{ins_Doc:" + JSON.stringify(GetLogDet) + "}",
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: function (r) {                     


                              console.log(r.d.STAT);
              }
          });
      });


  });

var用户id；
$（函数（）{
$（“#dialog”）.dialog（）；
//登录按钮点击
$（“#btn_登录”）。单击（函数（）{
var GetLogDet={}；
GetLogDet.Username=$（“#Username”）.val（）；
GetLogDet.Password=$（“#Password”）.val（）；
$.ajax({
类型：“POST”，
url:“http://localhost/EMRDMSService/Service.asmx/User_Login",
数据：“{lg:+JSON.stringify（GetLogDet）+”}”，
//url:“http://localhost/EMRDMSService/Service.asmx/Permission_List",
//数据：“{userid:”+JSON.stringify（GetLogDet）+“}”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
成功：函数（r）{
控制台日志（r.d.STAT）；
}
});
});
//添加文档按钮单击
$（“#btn_AddDoc”）。单击（函数（）{
var InsDocDet={}；
InsDocDet.docname=$（“#docname”）.val（）；
InsDocDet.file_name=$（“#FlName”）.val（）；
InsDocDet.ownerUser=1；
InsDocDet.catid=$（“#drp_cat”）.val（）；
InsDocDet.createDatetime=新日期（）；
InsDocDet.description_d=$（“#Desc”）.val（）；
InsDocDet.comments=$（“#cmnts”）.val（）；
InsDocDet.deptid=1；
InsDocDet.con_类型=1；
InsDocDet.尺寸=1；
InsDocDet.Doc\u status=“向上”；
$.ajax({
类型：“POST”，
// 
url:“http://localhost/EMRDMSService/Service.asmx/Permission_List",
数据：“{ins_Doc:”+JSON.stringify（GetLogDet）+“}”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
成功：函数（r）{
控制台日志（r.d.STAT）；
}
});
});
});

问候,

Sivajith S.

我看到一个打字错误

data:“{ins_Doc:”+JSON.stringify（GetLogDet）+“}”，

在

$（“#btn_AddDoc”）中，单击

功能

尝试改变

data:“{ins_Doc:”+JSON.stringify（GetLogDet）+“}”，

在

---

数据：{ins_Doc:“+JSON.stringify（InsDocDet）+”}，

btn_AddDoc是一个标签吗？还是表单提交按钮？JavaScript代码看起来不错。您能确认按钮btn\U AddDoc的类型吗？是提交还是按钮？@Daniele-我更改了代码，但没有更改响应…我想知道当我单击“保存”按钮时，整个页面是否重新加载可能是发送数据的页面有问题。你能编辑帖子并在权限列表url中插入你使用的代码吗？在另一条评论中，我看到你使用提交按钮来调用函数。除非有必要，您可以将

type=“submit”

替换为

type=“button”

，重新加载将消失。您还可以稍微更改

$（“#btn_AddDoc”）。单击（函数（）{

和

$（“#btn_AddDoc”）。单击（函数（e）{

并在函数内添加

e.preventDefault（）；

。