JQuery для перезагрузки DIV слоя с PHP GET из текстового поля

Question

Привет от какого-то нуба, пытающегося выучить JQuery,

Я пытаюсь сделать это, когда вы печатаете что-то в поле ниже уровня div, он перезагружает этот слой при отправке формы с получением phpтекстовое поле в форме.Ожидаемое поведение - перезагрузить этот ящик, реальное поведение - ничего не делать.Может кто-нибудь помочь мне здесь .... Ниже приведен код.

<div id="currentwxdiv">This is where the new stuff happens
</div>
<form name="changewx" action="/">
<input type="text" id="city">
 <input type="submit" name="submit" class="button" id="submit_btn" value="New City" /> 
</form>
<script>
  /* attach a submit handler to the form */
  $('form[name="changewx"]').submit(function(event) {


    /* get some values from elements on the page: */
    var $form = $( this ),
        city = $('#city').val()

    /* Send the data using post and put the results in a div */
    $('#currentwxdiv').load('http://api.mesodiscussion.com/?location=' + city);
    return false;

  });
</script>

Это дает Ошибка консоли Javascript ....

"XMLHttpRequest не может загрузить http://api.mesodiscussion.com/?location=goodjob. Origin http://weatherofoss.com не разрешен Access-Control-Allow-Origin. "

Answer 1

Вы используете метод POST?невозможно отправить на внешний URL-адрес, поскольку при использовании ajax URL-адрес завершается с ошибкой « Same Origin POlice ».

Если вы используете метод GET, это можно сделать.

Другим решением является создание прокси.Небольшой скрипт, который получает параметры, а затем ... используя CURL или другую вещь, которую вы должны опубликовать на внешнем URL ... наконец, вам нужно выполнить команду post для прокси:

Например,:

$.ajax({
  url: '/proxy.php?location=' + city,
  success: function(data) {
     $('#currentwxdiv').html(data);

  }
});

---

Answer 2

Чтобы помочь вам, мне нужно проверить это.Какой URL-адрес вашего HTML-кода работает?

http://api.mesodiscussion.com/?location= не работает ... только список содержимого каталога ... возможно, это проблема?

Answer 3

Я делаю это так:

    <div id="currentwxdiv">This is where the new stuff happens
    </div>
    <form name="changewx" action="/">
    <input type="text" id="city">

    </form>
    <script>

$('#city').keyup(function() {
var city = $('#city').val() 

$.ajax({
  url: 'http://api.mesodiscussion.com/?location=' + city,
  success: function(data) {
     $('#currentwxdiv').html(data);

  }
});



});

    </script>