jquery操作

Posted 2020-10-21 三体

根据input填写的值提交ajax请求

$("#createConfig").click(function () {
    var itsmId = $("#id").val()//获取input里面的值
    if(id != ""){//判断输入框是否有值
        $.ajax({
            url:"http://domain/url",//请求URL
            type:‘POST‘, //请求方法
            data:{"param1" : "param1", "param2" : "param2"},//请求参数
            dataType:"json", //返回的数据格式：json/xml/html/script/jsonp/text
            timeout:5000,//设置5秒超时
            beforeSend:function(xhr){
                //请求之前要做的事情,此操作的结果不会影响下面方法的执行
            },
            success:function(data,textStatus,jqXHR){
                //请求成功要做的事情，data是后端返回的数据
            },
            error:function(xhr,textStatus){
                //请求异常做的事情
            },
            complete:function(){
                //最后要做的事情
            }});
        return false;//避免重复提交
    }else{}
});

　　

此处需要注意一点，使用$("#server-info").html(results);等方式动态方式生成的页面按钮通过$("#createConfig").click(function () {});这种方式是无法点击的，需要使用$(document).on(‘click‘, ‘.createConfig‘, function () {});这种方式才能使按钮生效。