样例代码

更新表单数据:

 		<input type = 'text' id="update_data_id">
		<input type = 'text' id = 'update_data_Text'>


		var id = $("#update_data_id").val()
        var Text = $("#update_data_Text").val()
        var obj = {"id":id,"Text":Text}

        $.ajax({
            url:'#request.scheme#://#request.serverName#:#request.serverPort#/jw/api/form/test_form_api',
            type:'PUT',
            data:JSON.stringify(obj),
            dataType:'json',
            headers:{
                "api_id":'API-fa9f6a52-6682-45c5-80f2-18c86ceae04e',
                "api_key":'6a68273f65e943efae3965f13cc2eca4'
            },
            success:function(res){
                alert("数据更新成功")
            },
            error:function(err){
                alert("数据更新失败")
            }
        })

更新表单数据和文件上传:

 		<input type = 'text' id="update_id">
		<input type = 'text' id = 'update_Text'>
		<input type ='file' id = 'update_FileUpload'>




		var update_id = $("#update_id").val()
        var update_Text = $("#update_Text").val()
        var update_FileUpload = $("#update_FileUpload")[0].files[0]
        var formData = new FormData()
        formData.append("id",update_id)
        formData.append("Text",update_Text)
        formData.append("FileUpload",update_FileUpload)
     
        $.ajax({
            url:'#request.scheme#://#request.serverName#:#request.serverPort#/jw/api/form/test_form_api/updateWithFiles',
            type:'post',
            data:formData,
            dataType:'json',
            contentType:false,
            processData: false,
            headers:{
                "api_id":'API-fa9f6a52-6682-45c5-80f2-18c86ceae04e',
                "api_key":'6a68273f65e943efae3965f13cc2eca4'
            },
            success:function(res){
                alert("数据更新成功")
            },
            error:function(err){
                alert("数据更新失败")
            }
        })

通过ID查询数据

		
		<input type = 'text' id="select_id">


        var select_id = $("#select_id").val()
        $.ajax({
            url:'#request.scheme#://#request.serverName#:#request.serverPort#/jw/api/form/test_form_api/'+select_id,
            type:'get',
            dataType:'json',
            headers:{
                "api_id":'API-fa9f6a52-6682-45c5-80f2-18c86ceae04e',
                "api_key":'6a68273f65e943efae3965f13cc2eca4'
            },
            success:function(res){
                console.log(res)
                // alert("请求成功")
                $("#select_result").text(JSON.stringify(res))
                setValue(res)
            },
            error:function(err){
                alert("请求失败")
            }
        })


用法

导入API Builder插件,在外加设计器页面创建新的API 密钥

从左侧拖拽form,选择对应表单,并勾选想要开放的API,然后点击保存

在用户界面设计器拖拽一个管理API密钥,选择上一步创建的API,保存用户界面

打开APP,在管理API密钥菜单下新建密钥,按照下图方式填写

ajax请求配置如下

api_id 获取位置:

api_key获取位置:


样例应用 

 APP_sample_form_api-1-20200424114107.jwa

导入应用之后,新建API密钥,并将密钥添加进名为apiKey的环境变量


在测试页面调试

  • No labels