如何更改网址

Question

I want to change the URL of the update operation. The end point of the URL should be gotten from an input. How can I achieve this? The following doesn't work.

  $(document).ready(function(){ $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return {"issue":o}; }; 

 <form role="form"> <div class="form-group input-group"> <div class="row"> <div class="col-md-6"> <label>Issue ID * &nbsp;</label> <select class="form-control selectclass" id="issueid"></select> </div> <div class="col-md-6"> <label>Tracker * &nbsp;</label> <select class="form-control" name="tracker" id="tracker"> <option value="1">Bug</option> <option value="2">Feature</option> <option value="3">Support</option> </select> </div> </div> </div> <div class="form-group"> <label>Subject &nbsp;</label> <input class="form-control" placeholder="Issue Subject" name="subject" id="subject"> </div> <div class="form-group"> <label>Description</label> <textarea class="form-control" rows="6" name="description" id="description"></textarea> </div> <button type="submit" id="submit" class="btn btn-default">Submit Button</button> <button type="reset" class="btn btn-default">Reset Button</button> </form> 

 $('#submit').on('click', function(){ var x=document.getElementById('issueid').value; $.ajax({ type : 'PUT', url: 'http://localhost/redmine/issues'+ x +'.json', contentType:'application/json', data:JSON.stringify($('form').serializeObject()), // post data || get data success : function(msg, status, jqXHR) { console.log(msg, status, jqXHR); }, error: function(xhr, resp, text) { console.log(xhr, resp, text); } }) console.log(x); }); }); 

Inputs are gotten from a form and sent to Redmine API. URL should look like below, http://localhost/redmine/issues/2.json

Answer 1

When dynamically populating your id="issueid" select make sure that you properly set the value attribute of the options:

$('.selectclass').append('<option value="' + value.id + '">' + value.id + '<option>');

Also fix the url for your next AJAX request by adding a trailing / after issues :

url: 'http://localhost/redmine/issues/' + x + '.json'