2016-11-12 2 views
0

У меня есть несколько полей формы, которые я обновляю БД через вызов ajax. БД обновляется успешно, но я не могу получить форму для правильного обновления, если DoubleQuotes отправлены в БД.JavaScript-эквиваленты ColdFusion для #encodeForJavaScript() #

Скажите, что Some "Quotes" are needed был представлен как подзадача при нажатии клавиши Enter.

DB увидит Some "Quotes" are needed.

Но страница будет видна Some%20%22Quotes%22%20are%20needed при фокусировке текстового поля, если используется encodeURI(data.TASKDESCRIPTION) и.

Если страница обновлена, страница показывает Some "Quotes" are needed успешно.

<cfif isDefined("action") and action is "editSubtask"> 
    <cfquery name="udpateSubTask" datasource="#siteDataSource#"> 
     UPDATE ProjectTaskSubtasks 
     SET taskDescription = <cfqueryparam value="#form.TASKDESCRIPTION#" cfsqltype="cf_sql_varchar" > 
     WHERE guid = <cfqueryparam value="#form.SUBTASKGUID#" cfsqltype="cf_sql_varchar" > 
    </cfquery> 
    <cfquery name="selectSubTask" datasource="#siteDataSource#"> 
     SELECT guid as SUBTASKGUID, taskDescription 
     FROM ProjectTaskSubtasks 
     WHERE guid = <cfqueryparam value="#form.SUBTASKGUID#" cfsqltype="cf_sql_varchar" > 
     LIMIT 1 
    </cfquery> 
    <cfoutput>#serializeJSON(selectSubTask, "struct")#</cfoutput> 
    <cfabort> 
</cfif> 
<!--- ----------------------------------------- ---> 
<cfloop query="#subtasks#"> 
    <div id="_#subtasks.guid#" class="col-xs-12"> 
     <input type="text" id="description-#subtasks.guid#" name="description-#subtasks.guid#" class="#subtasks.isComplete is 0 ? '' : 'strike'# subtask-hide col-xs-10" value="#EncodeForHTMLAttribute(subtasks.taskDescription)#" onClick="allowInput(this)"/> 
     <!--- #EncodeForHTMLAttribute(subtasks.taskDescription)# Works Great for the starting Value of this TextBox from DB especially if doublequotes in subtasks.taskDescription DB Field ---> 
    </div> 
<!--- ----------------------------------------- ---> 
    <script> 
    var taskDescription_#subtasks.guid# = "#encodeForJavaScript(subtasks.taskDescription)#"; //this appears to work as needed 

    $('##description-#subtasks.guid#').keyup(function(e){ 
     var code = e.which; 
     if(code===13){ 
      $.post(
       '#cgi.SCRIPT_NAME#', 
       { 
        action: 'editSubtask', 
        SUBTASKGUID: $(this).parent()[0].id.replace('_',''), 
        TASKDESCRIPTION: $(this).val() 
       }, 
       function(data){ 
        data = JSON.parse(data); 
        data = data[0]; 

        taskDescription_#subtasks.guid# = encodeURI(data.TASKDESCRIPTION); //THIS DOES NOT WORK if doublequotes where submitted to the DB : when data comes back from editSubTask I need a way to update my Variable so on focus out it updates the field with the new information submitted . 
        $('##formButt').focus(); 
       } 
      ); 
     } 
    }); 

    $('##description-#subtasks.guid#').focusout(function(){ 
     /* .val(taskDescription_#subtasks.guid#)works great HERE on FocusOut doesn't change the Value from original var taskDescription_#subtasks.guid# = "#encodeForJavaScript(subtasks.taskDescription)#" */ 

     $('##description-#subtasks.guid#').val(taskDescription_#subtasks.guid#).removeClass('subtask').addClass('subtask-hide'); 
     setTimeout(function(){ 
      $('##delete-#subtasks.guid#').removeClass('subtask-cancel').addClass('subtask-cancel-hide'); 
     },150) 
    }); 
    </script> 
</cfloop> 
+1

Непонимание контекста @Dan. Да, он успешно попал в базу данных, мне просто нужно правильно отобразить его на странице после того, как он вернется из вызова Ajax. Особенно, если есть двойные кавычки в том, что было отправлено в базу данных. – shaun

ответ

3

Почему вы даже кодирующий значение в taskDescription_#subtasks.guid#, чтобы начать?

Замените эту строку

taskDescription_#subtasks.guid# = encodeURI(data.TASKDESCRIPTION); 

с

taskDescription_#subtasks.guid# = data.TASKDESCRIPTION; 

И теперь эта линия

$('##description-#subtasks.guid#').val(taskDescription_#subtasks.guid#).removeClass('subtask').addClass('subtask-hide'); 

будет правильно установить новое значение. jQuery's .val() делает все, что нужно сделать автоматически.

Смежные вопросы