jQuery functions to post AJAX updates when form fields changemixed AJAX/Javascript form validation checkjQuery plugin $(node).toJSON() - convert html form to JS ObjectjQuery code repetition and MVCWebsite for updating a divUpdate database, refresh the page to show changes, show a success messagejQuery AJAX form using bad practiceForms - Ordered fields vs. dynamic iterationsPopulating many fields in a form using jQuery/AJAXjQuery handler to update map UI based on AJAX responsejQuery AJAX submit form

Why were 5.25" floppy drives cheaper than 8"?

How can I deal with my CEO asking me to hire someone with a higher salary than me, a co-founder?

How can I prove that a state of equilibrium is unstable?

how do we prove that a sum of two periods is still a period?

How to stretch the corners of this image so that it looks like a perfect rectangle?

What do you call someone who asks many questions?

Avoiding the "not like other girls" trope?

What is required to make GPS signals available indoors?

How can a day be of 24 hours?

Finitely generated matrix groups whose eigenvalues are all algebraic

Is it possible to create a QR code using text?

Different meanings of こわい

Standard deduction V. mortgage interest deduction - is it basically only for the rich?

Do Iron Man suits sport waste management systems?

What historical events would have to change in order to make 19th century "steampunk" technology possible?

Are British MPs missing the point, with these 'Indicative Votes'?

How to install cross-compiler on Ubuntu 18.04?

Getting extremely large arrows with tikzcd

Placement of More Information/Help Icon button for Radio Buttons

Am I breaking OOP practice with this architecture?

How to travel to Japan while expressing milk?

What's the meaning of "Sollensaussagen"?

Can I hook these wires up to find the connection to a dead outlet?

In the UK, is it possible to get a referendum by a court decision?



jQuery functions to post AJAX updates when form fields change


mixed AJAX/Javascript form validation checkjQuery plugin $(node).toJSON() - convert html form to JS ObjectjQuery code repetition and MVCWebsite for updating a divUpdate database, refresh the page to show changes, show a success messagejQuery AJAX form using bad practiceForms - Ordered fields vs. dynamic iterationsPopulating many fields in a form using jQuery/AJAXjQuery handler to update map UI based on AJAX responsejQuery AJAX submit form













0












$begingroup$


I'm using standard jQuery AJAX to update values to the database and reflect the result in an output. This repetition seems like bad practice and I don't know enough about jQuery to consolidate this correctly.



Jquery



 $("#vendorticket").change(function() //Input/Select tag
var output = ("#vendorticket-result");
$.ajax(
url: 'includes/view.func.php', // Updating database based on specified row id, column, and value
type: 'post',
data:
vendorticket: $(this).val(),
column: 'vendorticket',
id: 15
,
success: function(result)
$(output).html(result); //Output span either "Saved" or "Save Failed"

);
);

//Rinse & Repeat...

$("#priority").change(function()
var output = ("#priority-result");
$.ajax(
url: 'includes/view.func.php',
type: 'post',
data:
priority: $(this).val(),
column: 'priority',
id: 15
,
success: function(result)
$(output).html(result);

);
);

$("#assignedto").change(function()
var output = ("#assignedto-result");
$.ajax(
url: 'includes/view.func.php',
type: 'post',
data:
assignedto: $(this).val(),
column: 'assignedto',
id: 15 //
,
success: function(result)
$(output).html(result);

);
);

});


HTML



<input type="text" id="assignedto" /><span id="assignedto-result"></span>

<input type="text" id="priority" /><span id="priority-result"></span>

<input type="text" id="vendorticket" /><span id="vendordicket-result"></span>









share|improve this question









New contributor




prosportal is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.







$endgroup$
















    0












    $begingroup$


    I'm using standard jQuery AJAX to update values to the database and reflect the result in an output. This repetition seems like bad practice and I don't know enough about jQuery to consolidate this correctly.



    Jquery



     $("#vendorticket").change(function() //Input/Select tag
    var output = ("#vendorticket-result");
    $.ajax(
    url: 'includes/view.func.php', // Updating database based on specified row id, column, and value
    type: 'post',
    data:
    vendorticket: $(this).val(),
    column: 'vendorticket',
    id: 15
    ,
    success: function(result)
    $(output).html(result); //Output span either "Saved" or "Save Failed"

    );
    );

    //Rinse & Repeat...

    $("#priority").change(function()
    var output = ("#priority-result");
    $.ajax(
    url: 'includes/view.func.php',
    type: 'post',
    data:
    priority: $(this).val(),
    column: 'priority',
    id: 15
    ,
    success: function(result)
    $(output).html(result);

    );
    );

    $("#assignedto").change(function()
    var output = ("#assignedto-result");
    $.ajax(
    url: 'includes/view.func.php',
    type: 'post',
    data:
    assignedto: $(this).val(),
    column: 'assignedto',
    id: 15 //
    ,
    success: function(result)
    $(output).html(result);

    );
    );

    });


    HTML



    <input type="text" id="assignedto" /><span id="assignedto-result"></span>

    <input type="text" id="priority" /><span id="priority-result"></span>

    <input type="text" id="vendorticket" /><span id="vendordicket-result"></span>









    share|improve this question









    New contributor




    prosportal is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.







    $endgroup$














      0












      0








      0





      $begingroup$


      I'm using standard jQuery AJAX to update values to the database and reflect the result in an output. This repetition seems like bad practice and I don't know enough about jQuery to consolidate this correctly.



      Jquery



       $("#vendorticket").change(function() //Input/Select tag
      var output = ("#vendorticket-result");
      $.ajax(
      url: 'includes/view.func.php', // Updating database based on specified row id, column, and value
      type: 'post',
      data:
      vendorticket: $(this).val(),
      column: 'vendorticket',
      id: 15
      ,
      success: function(result)
      $(output).html(result); //Output span either "Saved" or "Save Failed"

      );
      );

      //Rinse & Repeat...

      $("#priority").change(function()
      var output = ("#priority-result");
      $.ajax(
      url: 'includes/view.func.php',
      type: 'post',
      data:
      priority: $(this).val(),
      column: 'priority',
      id: 15
      ,
      success: function(result)
      $(output).html(result);

      );
      );

      $("#assignedto").change(function()
      var output = ("#assignedto-result");
      $.ajax(
      url: 'includes/view.func.php',
      type: 'post',
      data:
      assignedto: $(this).val(),
      column: 'assignedto',
      id: 15 //
      ,
      success: function(result)
      $(output).html(result);

      );
      );

      });


      HTML



      <input type="text" id="assignedto" /><span id="assignedto-result"></span>

      <input type="text" id="priority" /><span id="priority-result"></span>

      <input type="text" id="vendorticket" /><span id="vendordicket-result"></span>









      share|improve this question









      New contributor




      prosportal is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.







      $endgroup$




      I'm using standard jQuery AJAX to update values to the database and reflect the result in an output. This repetition seems like bad practice and I don't know enough about jQuery to consolidate this correctly.



      Jquery



       $("#vendorticket").change(function() //Input/Select tag
      var output = ("#vendorticket-result");
      $.ajax(
      url: 'includes/view.func.php', // Updating database based on specified row id, column, and value
      type: 'post',
      data:
      vendorticket: $(this).val(),
      column: 'vendorticket',
      id: 15
      ,
      success: function(result)
      $(output).html(result); //Output span either "Saved" or "Save Failed"

      );
      );

      //Rinse & Repeat...

      $("#priority").change(function()
      var output = ("#priority-result");
      $.ajax(
      url: 'includes/view.func.php',
      type: 'post',
      data:
      priority: $(this).val(),
      column: 'priority',
      id: 15
      ,
      success: function(result)
      $(output).html(result);

      );
      );

      $("#assignedto").change(function()
      var output = ("#assignedto-result");
      $.ajax(
      url: 'includes/view.func.php',
      type: 'post',
      data:
      assignedto: $(this).val(),
      column: 'assignedto',
      id: 15 //
      ,
      success: function(result)
      $(output).html(result);

      );
      );

      });


      HTML



      <input type="text" id="assignedto" /><span id="assignedto-result"></span>

      <input type="text" id="priority" /><span id="priority-result"></span>

      <input type="text" id="vendorticket" /><span id="vendordicket-result"></span>






      jquery form event-handling ajax






      share|improve this question









      New contributor




      prosportal is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      share|improve this question









      New contributor




      prosportal is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      share|improve this question




      share|improve this question








      edited 10 mins ago









      200_success

      131k17156422




      131k17156422






      New contributor




      prosportal is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked 59 mins ago









      prosportalprosportal

      1




      1




      New contributor




      prosportal is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      prosportal is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      prosportal is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.




















          0






          active

          oldest

          votes












          Your Answer





          StackExchange.ifUsing("editor", function ()
          return StackExchange.using("mathjaxEditing", function ()
          StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix)
          StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["\$", "\$"]]);
          );
          );
          , "mathjax-editing");

          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "196"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );






          prosportal is a new contributor. Be nice, and check out our Code of Conduct.









          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f216751%2fjquery-functions-to-post-ajax-updates-when-form-fields-change%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          prosportal is a new contributor. Be nice, and check out our Code of Conduct.









          draft saved

          draft discarded


















          prosportal is a new contributor. Be nice, and check out our Code of Conduct.












          prosportal is a new contributor. Be nice, and check out our Code of Conduct.











          prosportal is a new contributor. Be nice, and check out our Code of Conduct.














          Thanks for contributing an answer to Code Review Stack Exchange!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          Use MathJax to format equations. MathJax reference.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f216751%2fjquery-functions-to-post-ajax-updates-when-form-fields-change%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          बाताम इन्हें भी देखें सन्दर्भ दिक्चालन सूची1°05′00″N 104°02′0″E / 1.08333°N 104.03333°E / 1.08333; 104.033331°05′00″N 104°02′0″E / 1.08333°N 104.03333°E / 1.08333; 104.03333

          Why is the 'in' operator throwing an error with a string literal instead of logging false?Why can't I use switch statement on a String?Python join: why is it string.join(list) instead of list.join(string)?Multiline String Literal in C#Why does comparing strings using either '==' or 'is' sometimes produce a different result?How to initialize an array's length in javascript?How can I print literal curly-brace characters in python string and also use .format on it?Why does ++[[]][+[]]+[+[]] return the string “10”?Why is char[] preferred over String for passwords?Why does this code using random strings print “hello world”?jQuery.inArray(), how to use it right?

          How can we generalize the fact of finite dimensional vector space to an infinte dimensional case?$k[x]$-module and cyclic module over a finite dimensional vector spaceSubspace of a finite dimensional space is finite dimensionalIf V is an infinite-dimensional vector space, and S is an infinite-dimensional subspace of V, must the dimension of V/S be finite? ExplainWhy is an infinite dimensional space so different than a finite dimensional one?base for finite dimensional vector space is not infinite dimensional vector space?Any finite-dimensional vector space is the dual space of anotherHaving Trouble Understanding Meaning Of A Finite-Dimensional Vector SpaceProve that “Every subspaces of a finite-dimensional vector space is finite-dimensional”Ring as a finite dimensional Vector space over a field KQuestion regarding basis and dimension