CODEWITHSUNDEEP
javascriptajax
Manoj Masakorala
Manoj Masakorala

Reputation: 446

How to change the url

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

Upvotes: 0

Views: 88

Answers (1)

Darin Dimitrov
Darin Dimitrov

Reputation: 1038800

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'

Upvotes: 1

Related Questions