用ajax修改一个订单的状态，当订单状态为0的时候正常，状态为1的时候作废，请教各位js怎么写呢

[SZH8023]

<td>
                                                   <button class="layui-bg-red" color="ff0000" id="<%=maindr["OrderID"].ToString() %>" onclick="clickHandler(<%=maindr["OrderID"].ToString() %>)">作废本单</button>

                                               </td>

[Logerlink]

js

        function clickHandler(id) {
            let data = {
                'idStr': id
            }
            console.log(data);
            $.ajax({
                url: "dropDownTest.aspx/ChangeStatue",
                type: "POST",
                data: JSON.stringify(data),
                dataType:"json",
                contentType: 'application/json',
                success: function (res) {
                    console.log(res)
                },
                error: function () {
                    console.log('错误')
                }
            });
        }

dropDownTest.aspx/ChangeStatue

        [WebMethod]
        public static string ChangeStatue(string idStr)
        {
            return idStr;
           //根据id来修改数据库的状态
        }