ajax中的json字符串的组织与传递方法

ajax中的json字符串的组织与传递方法:
一、html元素与easyUI元素的取值方法:

var cameraNameStr = $("#cameraName").textbox('getValue');
        var IPAddressStr = $("#IPAddress").textbox('getValue');
        var portStr = $("#port").textbox('getValue');
        var UserNameStr = $("#UserName").textbox('getValue');
        var passwordStr = $("#Password").textbox('getValue');
        var modelStrTemp = $("#model").combobox('getText');
        var codecStrTemp = $("#codec").combobox('getText');
        var inputModeStr = $("#inputMode").combobox('getText');
		var inputChannelStr = $("#inputChannel").textbox('getValue');
		var validStr = $("#valid")[0].checked ? 1 : 0;
		var camid = cameraId + 1;

二、前端页面中组织json字符串:注意此处的json字符串省略了行的定义,也就是说这只定义了一行,也就是第一行,如果是多行,则要按照有行的定义方法。如:{h:[{‘a’:‘1’,‘b’:‘2’}]},这里省略行定义主要是配合webservice接口中取值的方法。

var jsonString = '{"camid": ' + camid + ',"camname": "' + cameraNameStr + '", "camip": "' + IPAddressStr + '", "camport": "' + portStr + '", "camuser": "' + UserNameStr + '", "campassword": "' + passwordStr + '", "cammodel": ' + modelStr + ', "camcodec": ' + codecStr + ', "inputmode": "' + inputModeStr + '", "inputchannel": ' + inputChannelStr + ', "camvalid": ' + validStr + '}';

三、ajax调用WEBMETHOD方法并传递json字符串的方法:注意json字符串以text方式传递给后端WEBMETHOD方法时要设置 :dataType:“text”,还有一种方式就是以json对象方式传给后端方法,此处暂不讲解。

 function save() {
		var jg;
        var cameraNameStr = $("#cameraName").textbox('getValue');
        var IPAddressStr = $("#IPAddress").textbox('getValue');
        var portStr = $("#port").textbox('getValue');
        var UserNameStr = $("#UserName").textbox('getValue');
        var passwordStr = $("#Password").textbox('getValue');
        var modelStrTemp = $("#model").combobox('getText');
		var modelStr = 0;
		switch (modelStrTemp) {
			case "--":
				modelStr = 0;
				break;
            case "海康":
                modelStr = 1;
				break;
            case "大华":
                modelStr = 2;
				break;
            case "宇视科技":
                modelStr = 3;
				break;
            case "华安":
                modelStr = 4;
				break;
            case "信路威":
                modelStr = 5;
				break;
            case "测试":
                modelStr = 6;
				break;
		}


        var codecStrTemp = $("#codec").combobox('getText');
		var codecStr = 0;
        switch (codecStrTemp) {
            case "主码流":
                codecStr = 0;
                break;
            case "辅码流":
                codecStr = 1;
                break;
        }
      
        var inputModeStr = $("#inputMode").combobox('getText');
		var inputChannelStr = $("#inputChannel").textbox('getValue');
		var validStr = $("#valid")[0].checked ? 1 : 0;
        
		var camid = cameraId + 1;
       
		var jsonString = '{"camid": ' + camid + ',"camname": "' + cameraNameStr + '", "camip": "' + IPAddressStr + '", "camport": "' + portStr + '", "camuser": "' + UserNameStr + '", "campassword": "' + passwordStr + '", "cammodel": ' + modelStr + ', "camcodec": ' + codecStr + ', "inputmode": "' + inputModeStr + '", "inputchannel": ' + inputChannelStr + ', "camvalid": ' + validStr + '}';
		console.log(jsonString);
		

        $.ajax({
            type: "post",
            url: "cameraconfig.aspx/SendDataToWebservice",//格式为"文件名(含后缀)/方法名"
            contentType: "application/json; charset=utf-8",//发送信息至服务器时内容编码类型
            dataType: "text",//服务器返回的数据类型
            data: "{URL:'" + camconfigIp + "',camObj: '" + jsonString + "'}",
            async: false,
			success: function (data) {
                var hh = JSON.parse(data);
				var jg = JSON.parse(hh.d)
                $.messager.alert('信息提示', '数据保存成功!', "info", function () {
                    parent.closeCameraConfigWin();
                });
               
            }, error: function () {
                alert("数据获取失败!");
            }
        });
        return jg;
	}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值