Watsons Moovie consultant

by Vladimir

HTML

<div class="conversation">
  
</div>
<form id="say">

<input type="text" class="say" />
</form>

CSS

.conversation {
  width: 90%;
  height: 300px;
  background: #FFF;
}

JavaScript

http://watson-movieapp-dialog.mybluemix.net/watson-movieapp-dialog/api/bluemix/postConversation?clientId=885971&conversationId=882491&input=nope

$('#say').submit(function() {
	$.ajax({
  	method: 'GET',
    url: 'https://watson-movieapp-dialog.mybluemix.net/watson-movieapp-dialog/api/bluemix/postConversation',
    data: {
    	clientId: 885971,
      conversationId: 882491,
      input: $('.say').val()
    },
    success: function(respond) {
    	$('.conversation').append('<b>Me:</b>' + respond.input + '<br /><b>Robot</b>: ' + respond.wdsResponse);
      input: $('.say').val('')
    }
  })
	return false;
});