如何使用JavaScript发布到Classic ASP中的数据库

Question

I have a sortable list that allows me to rearrange the items by dragging and dropping them. When I rearrange the items, the number inside the input tags adjust according to their new position within the list. AT this point what I'd like to do is post the new input value(s) to a field within my database.

Below is the Classic ASP code

<form name="sort_award" action="file_2.asp?Action=sort" method="post">
<%
end if
response.write "<ul id='sortable'>"
dim i
i=1

While not rsAwards.EOF

response.write "<li onclick='sort("&rsAwards("Award_ID")&")'> &nbsp 
<input type='text' name='AwardNumber' size='1' value="&i&"> &nbsp 
<label name='AwardName'>" & rsAwards("Award_Name") & "</label>"
%>
<a href='edit_awards.asp?Action=edit&Award_ID=<%=rsAwards("Award_ID")%>' name='AwardID'>Edit</a>&nbsp;
<a class="lb" href='file_1.asp?Action=delete&Award_ID=<%=rsAwards("Award_ID")%>'>Delete</a></li>
<%
rsAwards.MoveNext
i=i+1
Wend

%></ul>
<input type="submit" value="Sort">
</form>

And here is the JavaScript

$(function() {
    $( "#sortable" ).sortable({ placeholder: "ui-state-highlight" });
});

function sort(AwardID) {
  var count = document.getElementById('sortable').getElementsByTagName('li').length;
  var AwardNum = document.getElementById('sortable').getElementsByTagName('input');

    for(var i = 0; i < count; i++)
    {
      AwardNum[i].setAttribute('value', i+1);     
    }
 }

Answer 1

Use jQuery .

You can easily post data through ajax to your asp page by using .post()

If you are doing a get request, then you can use .get() instead, it is much less complicated.

(NOTE: jQuery includes a bunch of other ajax request functions as well, like .ajax() , .load() , etc. but I find .get() to be my go to function for this because it allows more flexibility and usage functions are needed to remember)

To use it, simply do this:

<script>
$.get("myasppage.asp?id=12345", function(data){

   //after the request is complete, you can place any code here that you want
   //therefore, your code won't continue processing until the request is done.

   //if the .asp page returns content like "HELLO!", then that would be in your
   // data variable, as defined up top.  So you can just do this.


   $(body).append(data); //<- appends the data from myasppage.asp to your body content

   alert(data); // <- will popup an alert box with the content returned from your asp page



});
</script>

That's it. :)