конвертировать строку из textarea в запрос заголовков

Question

Я пытаюсь сделать форму, которая отправляет запрос и публикует результат на странице. У меня есть данные для тела запроса, URL-адреса и заголовков. Но у меня проблема с заголовками. Я не знаю, как преобразовать строку:

Content-Type : application/x-www-form-urlencoded 

в

{"Content-Type" : "application/x-www-form-urlencoded"} 

динамически. В моем текстовое поле я мог бы 3-4 слушающие расщепляется запятой, так как преобразовать эти заголовки в структуру, которая будет принята этой функции:

function makePostRequest(url, data, headers, httpVerb, dataType, elementId){ 
    alert(headers); 
    $.ajax({ 
    url: url, 
    type: httpVerb, 
    data: data, 
    headers: {headers}, 
    dataType: dataType, 
    success: function (data, textStatus, jqXHR) { 
     $("#div").val(jqXHR.responseText); 
    }, 
    error: function(jqXHR, textStatus, errorThrown) { $("#div").val(jqXHR.responseText); } 
    }); 
} 

Мой TextArea элемент может содержать заголовки, как:

header1 : content1, header2 : content2 

Answer 1

Здесь вы, в основном это комбинация split() и trim(). Вот пример:

$(function() { 
 
    $('button').on('click', function (e) { 
 
    var headers = {} 
 
    var values = $('#foo').val() 
 
    
 
    // split the headers by comma 
 
    var parts = values.split(',') 
 
    
 
    // iterate over each group 
 
    $.each(parts, function() { 
 
     // split by : and trim additional whitespace 
 
     var innerParts = this.split(':').map(function (item) { 
 
     return item.trim() 
 
     }) 
 
     
 
     // add the given results to the headers object 
 
     headers[innerParts[0]] = innerParts[1] 
 
    }) 
 
    
 
    console.log(headers) 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<textarea id="foo" rows="5" cols="50"></textarea> 
 
<br> 
 
<button>click me</button>

Answer 2

Если я понял, перед тем как сделать запрос $ ajax, вы можете получить заголовки и проанализировать его самостоятельно, чтобы создать строку, как вы хотите. Вы можете использовать регулярное выражение для разделения заголовков, когда у вас более одного.

Answer 3

Это на самом деле не о заголовках, это просто манипуляция строки: вам нужно повернуть

"header1 : content1, header2 : content2" 

в

{"header1": "content1", "header2": "content2"} 

Разделив первую строку с , характером, а затем разделив все подстроки с : все должно быть в порядке.

Answer 4

ли что-то нравится эта работа для вас? Это в основном ожидает от каждого заголовка, который необходимо ввести в новую строку:

function getHeaders() { 
 
    var headers = $('#headers').val(); 
 
    var lines = headers.split('\n'); 
 
    var headers = {}; 
 
    for (var i = 0; i < lines.length; i++) { 
 
    
 
    var line = lines[i]; 
 
    var parts = line.split(':'); 
 
    var key = parts[0]; 
 
    var value = parts[1]; 
 
    if (key && value) { 
 
     headers[key.trim()] = value.trim(); 
 
    } 
 
    } 
 
    return headers 
 
} 
 

 
$('button').click(function(){ 
 
    var headersObject = getHeaders(); 
 
    console.log(headersObject); 
 
})

#headers { 
 
    height: 200px; 
 
    width: 300px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea id="headers"> 
 
Content-Type : application/x-www-form-urlencoded 
 
Header2 : Value 
 
</textarea> 
 
<button>Get Headers Object</button>