Мне нужно использовать JSON для отправки данных в API с помощью текстового редактора Quill. Я могу получить данные из API для отображения на модальной странице, содержащей редактор Quill, но я не могу получить данные для POST обратно в API. Я терплю неудачу снова и снова.
Я пробовал множество скриптов с этого сайта и некоторых других. Я также попробовал несколько скриптов из Quill API.
function showUser(id){
var updateItems = id.split(',');
//alert(updateItems[0] + ' ' + updateItems[1] + ' ' + updateItems[2]);
var sysId = updateItems[0]
var caller = updateItems[1]
var incident = updateItems[2]
var daItems = [sysId + ', ' + caller + ', ' + incident];
const url = "" + sysId + "?sysparm_display_value=true&sysparm_fields=sys_updated_on&sysparm_fields=sys_updated_by%2Cshort_description,%2Ccomments"
$('#prompt').html('Update Incident # ' + incident + '.' + "<br><span class='alert-danger'>Do not use \"QUOTES\". It will cause the submission to fail. </span>" );
var commentNote = daItems.value //sessionStorage.getItem("enteredComments");
var commentNoteFinal = 'Comments posted through API by ' + caller + ': ' + commentNote
var settings = {
"async": true,
"crossDomain": true,
//"url": proxyurl + url, //Use this instead to bypass CORS rules
"url": url,//Comment out if the line above is used
"method": "PUT",
"headers": {
"authorization": "",
"content-type": "application/json",
"accept": "application/json",
//"cache-control": "no-cache",
},
"processData": false,
"data": "{\"comments\":\"" + daItems + "\"}"
}
console.log("Response:");
if (daItems != null && daItems.length > 1){
$.ajax(settings).done(function(data) {
});
}
}
function submitForm() {
$('#update').on('submit', function(e){
$('#myModal2').modal('show');
e.preventDefault();
});
}
I would like this code to submit the post to the API. After hitting the submit button the page reloads. I don't see any errors on the console log. and this is what the URl looks like after I submit: opencallssoapcb.asp?value=
<!-- Modal -->
<div id="myModal2" class="modal fade2" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<p id="prompt"></p>
</div>
<div class="modal-body">
<form name="update" id="update">
<div id="editor-container">
<input type="hidden" name="value" value="">
</div>
<!-- Create the editor container -->
<div id="editor"></div>
<!-- Initialize Quill editor -->
<script>
var quill = new Quill('#editor', {
theme: 'snow',
//placeholder: 'Compose an epic...',
});
$("#update").on("submit",function(){
$("#hiddenArea").val($("#quillArea").html());
})
</script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button class="btn btn-default btn-primary" type="submit" id="SubmitButton">Submit</button>
</div>
</form>
</div>
</div>
</div>