Ajax呼叫在谷歌Chrome上运行，但在IE 11上运行

Question

我正在开发一个RESTFul web service项目，其POJO如下：

@XmlRootElement
public class Input {
    //variable declarations 

   public Input(){
      //default constructor 
   }

   //constructor no 1
   public Input(String LR, double ECH,double CSH,String APP) {
        this.LR = LR;
        this.ECH = ECH;
        this.CSH = CSH;
        this.APP = APP;
    }

    //constructor no 2
    public Input(String LR, double ECH,double CSH,String APP,...) {
        this.LR = LR;
        this.ECH = ECH;
        this.CSH = CSH;
        this.APP = APP;
        //constructor of all other parameters including these
    }

//getters and setters method below.
}

我的ajax被调用此按钮：

<button type="submit" onClick='functionname();' class="btn btn-primary" ><span class="glyphicon glyphicon-lock"></span>Function</button>

我所拥有的Controller课程如下：

@Path("/input")
public class InputResponse {
InputService inputservice = new InputService();

@PUT
@Path("/approve")
@Produces(MediaType.APPLICATION_JSON)
public void approveInputRecord(Input obj) throws Exception{
    String LR = obj.getLR();
    double CSH = obj.getCSH();
    double ECH = obj.getECH();
    String APP = obj.getAPP();
    Input input = new Input(LR,CSH,ECH,APP);
    input = inputservice.approveTransaction(input);
    }
}

相同的Service类如下：

public class InputService {

CallableStatement stmt;
Statement commitStmt;

public InputService(){
    //database connection
}

public Input approveTransaction(Input input) throws SQLException {
    commitStmt = dcc.con.createStatement();
    stmt=dcc.con.prepareCall("BEGIN APPROVRTRANSACTION(?,?,?,?); END;");
    stmt.setString(1, input.getLR());
    stmt.setDouble(2, input.getECH());
    stmt.setDouble(3, input.getCSH());
    stmt.setString(4, input.getAPP());
    stmt.execute();
    commitStmt.executeQuery("COMMIT");
    return input;
}
}

在我的JAVA Script我的ajax来电上面是：

    var obj = {
    LogReference : logreference,
    EuroclearHoldings:euroclearholdings,
    ClearstreamHoldings:clearstreamholdings,
    Approver : loginXPID
}
var jsonobj = JSON.stringify(obj);
$.ajax({
    url:'./webapi/input/approve',
    type: 'PUT',
    data:jsonobj,
    cache:false,
    contentType: 'application/json',
    dataType:'json',
    success:function(data)
    {
        alert('success');
    },
    error:function(xhr,textstatus,errorthrown){
        alert(xhr.responseText);
        alert(textstatus);
        alert(errorthrown);
    }
},'json');

将此作为我的代码，我的应用程序在Google Chrome上工作正常，但有时有效，有时不在Internet Explorer 11。这是一种奇怪的行为。而另一件我无法得到的事情是，即使它适用于Chrome ajax调用总是让alerts出错。任何人都可以解释为什么会如此？我该如何解决？任何帮助非常感谢。 的更新

以下是抛出错误时Chrome上network --> Response标签上的输出。但尽管我仍然得到输出。

非常感谢

Answer 1

我可以看到你的Button type="submit"。如果它位于form tag内，则调用文件的ajax request中的action。正如我从上面的评论中看到的，这可能是个问题。当您提交某些内容时，这会更改为POST请求，而不是GET请求，因此不允许使用错误方法。查看解决方案只需更改Button type='button'或拨打ajax action上的form tag即可。它应该工作。